Agent skill
Dev Server Manager
Start, stop, and manage the Vite development server for the Babylon.js game. Use when the user wants to run the dev server, test the game, check if server is running, or troubleshoot server issues.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/dev-server-manager
SKILL.md
Dev Server Manager
Manage the Vite development server for testing and development.
Quick Start
Start the development server
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
npm run dev
The server will start on http://localhost:5173 (or next available port).
Check if server is running
lsof -i :5173 || echo "Server not running on port 5173"
Stop the server (if running in background)
pkill -f "vite"
Server Commands
Start with specific port
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
npm run dev -- --port 3000
Start with host exposure (accessible on network)
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
npm run dev -- --host
Preview production build
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
npm run build
npm run preview
Troubleshooting
Port already in use
# Find process using port 5173
lsof -i :5173
# Kill the process
kill -9 <PID>
Clear Vite cache
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
rm -rf node_modules/.vite
npm run dev
Check for dependency issues
cd /home/gianfiorenzo/Documents/vscode/babylon_fp
npm install
npm run dev
Testing Workflow
- Start server:
npm run dev - Open browser: Navigate to
http://localhost:5173 - Test features: Check map editor, NPC system, day/night cycle
- Watch console: Browser console shows runtime errors
- Hot reload: Changes auto-reload (no restart needed)
Server Output Interpretation
- Local: http://localhost:5173/ - Server URL
- Network: Shows if accessible on local network
- ready in Xms: Server startup time
- HMR update: Hot module replacement working
- error: Check the error message for details
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?