create-dashboard
This runbook converts the create-dashboard skill into a repeatable agent workflow for building a custom dashboard. The source skill says: Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database. The…
7 steps · start to finish.
- 1Step 1
Environment Setup
▶- Create
/app/resultsif it does not already exist. - Confirm
/home/user/dashboardexists before running npm commands. - Run
npm installonly from/home/user/dashboardif dependencies are missing. - Confirm port
3847is available, or stop the stale process that owns it.
mkdir -p /app/results test -d /home/user/dashboard cd /home/user/dashboard npm --version node --version - Create
- 2Step 2
Inspect Dashboard Source
▶Read the existing dashboard files before editing. Treat /home/user/dashboard as the runnable project root even when files are symlinked to a workspace path. Identify available data access helpers…
- 3Step 3
Implement Dashboard Changes
▶Build the requested dashboard inside the existing React + Vite + Express app. Keep the Express server as the single serving process, add or update API routes as needed, and keep frontend state…
- 4Step 4
Build the Dashboard
▶Run the production build from the dashboard directory and capture the output.
- 5Step 5
Smoke Test the Server
▶Start the Express server on port 3847, capture logs, and verify the app responds. If the project has a dedicated start command, use it; otherwise use the local server entrypoint documented in the…
- 6Step 6
Validate the User Experience
▶Open the App tab or a browser pointed at http://127.0.0.1:3847/. Confirm the page is not blank, the main dashboard data loads, interactive controls work, and the layout is usable at the target…
- 7Step 7
Iterate on Errors (max 3 rounds)
▶If build, server, or browser validation fails, make the smallest targeted fix and repeat Steps 4-6. Stop after max 3 rounds and write the remaining failure clearly into summary.md and…