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

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 Taste Design (Stitch Skills)

Stitch's taste skill swaps the cream-and-serif default for Geist on a near-white canvas, with a deep green accent and small icon chips set right into the headline. The dashboard is calm and consistent with the landing. Pick it if you want clean, current SaaS polish and don't need a strong personality.

Side by side

Fieldclaude-design-system-promptTaste Design (Stitch Skills)
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)
  • #fafafa canvas
  • #18181b ink
  • #71717a muted
  • #2f6b4f green
  • #b4532a 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 Taste Skill's stitch-design-taste, which ships the same instructions
  • 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 Taste Design (Stitch Skills)

1 Run in your terminal

npx degit google-labs-code/stitch-skills/plugins/stitch-utilities/skills/taste-design#main .claude/skills/taste-design

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.