AP

Automates launching the full stack by clearing ports 8080/5173 and starting backend and frontend services.

Install

mkdir -p .claude/skills/app-runner && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14186" && unzip -o skill.zip -d .claude/skills/app-runner && rm skill.zip

Installs to .claude/skills/app-runner

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

A skill to run the backend (Go Fiber) and frontend (React/Vite) applications. It includes pre-run checks to clear the required ports (8080 and 5173) if they are already in use.
176 charsno explicit “when” trigger
Beginner

Key capabilities

  • Check for processes running on specified ports
  • Terminate processes blocking ports 8080 and 5173
  • Start the backend Go Fiber application
  • Start the frontend React/Vite development server
  • Automate the entire application startup process

How it works

The skill first clears specified ports by terminating blocking processes, then starts the Go Fiber backend and the React/Vite frontend in separate background terminals.

Inputs & outputs

You give it
A request to run the Maulana Laundry application
You get back
The backend and frontend applications running, with blocked ports cleared

When to use app_runner

  • Start the full application stack
  • Restart server environments
  • Clear blocked development ports

About this skill

App Runner Skill

This skill automates the process of starting the Maulana Laundry application.

Prerequisites

  • Go installed (for backend)
  • Node.js and npm installed (for frontend)
  • PostgreSQL database accessible (as configured in backend/.env)

Usage

1. Check and Clear Ports

Before starting the applications, identify and terminate any processes running on ports 8080 (Backend) and 5173 (Frontend).

Command (macOS/Linux):

# Check and kill port 8080 (Backend)
lsof -ti:8080 | xargs kill -9 2>/dev/null || true

# Check and kill port 5173 (Frontend)
lsof -ti:5173 | xargs kill -9 2>/dev/null || true

2. Start Backend

Navigate to the backend directory and run the Go application.

Commands:

cd backend
go run cmd/main.go

3. Start Frontend

Navigate to the frontend directory and run the Vite development server.

Commands:

cd frontend
npm run dev

Note on Ports: Vite usually runs on port 5173. However, if the system or another process is locking that port, it may automatically fall back to 5174. Check the terminal output to verify the active URL.

Automation Script

You can use the provided script .agent/skills/app_runner/scripts/run_app.sh to perform all steps in one go.

Running with Slash Command

If this skill is active, you can instruct the agent to "Run the application using the app_runner skill".

The agent should:

  1. Read this SKILL.md.
  2. Execute the port cleanup commands.
  3. Start the backend in a background terminal.
  4. Start the frontend in a background terminal.

When not to use it

  • When the application does not use Go Fiber for backend and React/Vite for frontend
  • When the required ports are not 8080 and 5173

Prerequisites

Go installedNode.js and npm installedPostgreSQL database accessible

Limitations

  • The skill is tailored for the Maulana Laundry application.
  • The skill assumes specific port numbers (8080 and 5173).
  • The skill's port clearing commands are for macOS/Linux.

How it compares

This skill automates the setup and startup of a specific application stack, including port conflict resolution, providing a simplify process compared to manually executing multiple commands.

Compared to similar skills

app_runner side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
app_runner (this skill)06moReviewBeginner
webf-quickstart17moReviewBeginner
fullstack-guardian13moNo flagsAdvanced
podcast-generation13moReviewAdvanced

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

Search skills

Search the agent skills registry