create-dashboard
Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database. The dashboard is served on port 3847 and the user sees it live in the "App" tab in Gooseworks. Use when the user asks for a dashboard, visualization, chart, metric view, or any custom UI powered by their agent's data.
npx skills add gooseworks-ai/goose-skills --skill create-dashboard --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
You are helping the user build a custom dashboard from the Gooseworks dashboard template. The app must run on port 3847 from a single Express process that serves both the API routes and the built React UI so it appears in the Gooseworks App tab. ## Where the source lives (read this first) The **runnable project folder is `/home/user/dashboard`**. That is the ONLY directory you should `cd` into for any npm / build / server command. Most files inside it are symlinks pointing back into the canonical source under the agent's workspace folder (the file you'd see at the canonical path is the same file you'd see through the symlink — it's one file, two paths). The runnable project folder also holds two real local directories that must NOT be on the workspace mount: `node_modules` (dependencies) and `dist` (built bundle). ``` /home/user/dashboard/ ← cd here for everything package.json, package-lock.json, server.js, src/, vite.config.ts, … (symlinks → workspace canonical source) node_modules/, dist/, .vite/, .cache/ (real local dirs — never on workspace) ``` What this means for you: - **Always `cd /home/user/dashboard` before running npm / vite / node / any shell command.** Tools resolve mo
- Where the source lives (read this first)
- Non-negotiable constraints
- State handling
- Discovery and planning
- Data source preference
- Empty-database handling (important)
- Implementation guidance
- Choosing a layout
- Visual style rules
- Build, run, and verify
- When a restart IS warranted
- Verifying after work that warranted a restart
- Troubleshooting
- Completion message
What does the create-dashboard skill do?
Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database. The dashboard is served on port 3847 and the user sees it live in the "App" tab in Gooseworks. Use when the user asks for a dashboard, visualization, chart, metric view, or any custom UI powered by their agent's data.
How do I install it?
Run `npx skills add gooseworks-ai/goose-skills --skill create-dashboard --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From gooseworks-ai/goose-skills, a repository with 1,091 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.