---
name: vue-frontend
description: Starts the Vue development server for the frontend application.
disable-model-invocation: true
---

# Instructions

Use this skill when the user wants to "start the frontend," "run vue," or "launch the dev server."

1. **Verify Directory:** Navigate to `./frontend`.
   - _Self-Correction:_ If the directory doesn't exist, search the workspace for `package.json` files and ask for clarification.

2. **Check Dependencies:** - Before running, check if `node_modules` exists in `./frontend`.
   - If missing, ask the user: "Should I run `npm install` first?"

3. **Execution:** - Run the command: `npm run dev`
   - This script is configured in `package.json` to start the Vite/Vue dev server.

4. **Success Criteria:** - Monitor the terminal output for a local URL (typically `http://localhost:5173` or similar).
   - Once the server is "Ready," notify the user.
