This system prompt moves Tally to a cool grey-and-ink look with Bricolage Grotesque, Geist and a lime marker, and the dashboard is clean and well organized. One contrast bug on the closing CTA keeps it from a higher score.
claude-design-system-prompt scored higher on the same brief, 4/5. The rows below show where each one fits.
Both built the Tally landing page in the same Claude Code test. Shared tasks: Design systems, Visual direction.
This system prompt moves Tally to a cool grey-and-ink look with Bricolage Grotesque, Geist and a lime marker, and the dashboard is clean and well organized. One contrast bug on the closing CTA keeps it from a higher score.
Taste Skill's copy of the Stitch taste skill gives almost the same page as the Google Labs version: Geist on warm off-white, a deep green accent, crisp cards and a quiet dashboard. Pick it if you want clean, modern SaaS pages; pick either this or Stitch's original, not both.
| Field | claude-design-system-prompt | Stitch Design Taste (Taste Skill) |
|---|---|---|
| Fonts |
|
|
| Colors |
|
|
| Good fit for |
|
|
| Not great for |
|
|
| Flaws we saw |
|
|
The baseline with no skillHow the brief works
1 Paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
No install command in README: paste system-prompt.md as the system prompt and copy skills/ manually.
Taken from the project README. Check the source for the latest instructions.
1 Run in your terminal
npx degit Leonxlnx/taste-skill/skills/stitch-skill#main .claude/skills/stitch-design-taste 2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.