Design a dark dashboard
If you ask
“Design a dark-mode dashboard for a fitness tracker — steps, sleep and heart-rate cards.”
Then
A sleek analytics dashboard in dark mode.
Works in Claude, Codex, Cursor & any MCP agent
How this prompt works
-
Turn on the Google Stitch connector in Claude, ChatGPT or Cursor — once.
-
Paste the prompt above. No code, no menus.
-
A sleek analytics dashboard in dark mode.
Level up: install the Google Stitch skill
A prompt you paste once. A skill your agent keeps — playbooks and defaults it loads every session. Official pack.
npx plugins add google-labs-code/stitch-skills FAQ
How do I design a dark dashboard with Google Stitch?
Add the Google Stitch MCP connector once, then paste this prompt into Claude or ChatGPT: "Design a dark-mode dashboard for a fitness tracker — steps, sleep and heart-rate cards.". Your AI runs it in Google Stitch.
Do I need to code?
No. You install the connector once (a short config or one click), then ask in plain words. The prompt on this page works as-is.
Which AI assistants work?
Claude (Desktop, Code), Cursor, ChatGPT and other MCP clients. The same prompt works across them.
Set up Google Stitch in Claude
Copy-paste config, setup steps and more ready-to-run prompts on the connector page.
Open Google Stitch setupMore prompts