claude-design-system-prompt vs Stitch Design Taste (Taste Skill)

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.

Tally landing page made with claude-design-system-prompt

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.

Tally landing page made with Stitch Design Taste (Taste Skill)

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.

Side by side

Fieldclaude-design-system-promptStitch Design Taste (Taste Skill)
Fonts
  • Bricolage Grotesque
  • Geist
  • Geist Mono
  • Geist
  • Geist Mono
Colors
  • #F4F5F1 paper
  • #16181D ink
  • lime marker oklch(91% 0.19 122)
  • coral oklch(58% 0.17 30)
  • dashboard brand oklch(44% 0.09 168)
  • #f6f6f3 canvas
  • #18181b ink
  • #71717a muted
  • #2e6b4f green
  • #b4652b rust
Good fit for
  • B2B and prosumer SaaS
  • fintech dashboards
  • developer-adjacent tools
  • directories and content tools
  • SaaS landing pages
  • product dashboards
  • startup marketing sites
  • B2B tools
Not great for
  • warm lifestyle brands
  • kids or playful apps
  • luxury
  • brands that want warmth or quirk
  • editorial or luxury work
  • dark-mode products
Flaws we saw
  • landing, desktop and mobile: in the closing CTA the highlighted word "counted." is dark ink on the dark band, so most of it disappears
  • took the longest after hallmark and taste (285 s landing, 263 s dashboard) and used a subagent
  • almost the same output as Stitch Skills' taste-design
  • the palette is familiar zinc greys plus one green

The baseline with no skillHow the brief works

Install claude-design-system-prompt

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.

Install Stitch Design Taste (Taste Skill)

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.