claude-design-system-prompt vs styleseed

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 styleseed

styleseed

3/5

StyleSeed gives Tally a warm blush canvas, Plus Jakarta Sans and a deep green primary, with a full token set behind it. It's clean, with slight distance from the baseline, and the dashboard in Manrope matches. It was the longest run in the batch. Pick it if you want a design-system workflow more than a bold look.

Side by side

Fieldclaude-design-system-promptstyleseed
Fonts
  • Bricolage Grotesque
  • Geist
  • Geist Mono
  • Plus Jakarta Sans (landing)
  • Manrope (dashboard)
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)
  • #f8f2ed blush
  • #0d0b09 ink
  • #2c6b55 green
  • #236587 blue
  • #902824 red
Good fit for
  • B2B and prosumer SaaS
  • fintech dashboards
  • developer-adjacent tools
  • directories and content tools
  • SaaS and consumer apps
  • teams that want a design-method workflow
  • design-system starters
Not great for
  • warm lifestyle brands
  • kids or playful apps
  • luxury
  • quick one-off pages
  • bold brands
  • editorial sites
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
  • only slight distance from the baseline palette
  • the slowest run in the batch: 24 turns on the dashboard alone

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 styleseed

1 Run in your terminal

claude plugin marketplace add bitjaru/styleseed
claude plugin install styleseed@styleseed

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

Plugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.

Taken from the project README. Check the source for the latest instructions.