Theme Factory (Anthropic) vs claude-design-system-prompt

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: Visual direction, Design systems.

Theme Factory (Anthropic)

3/5

Theme Factory picked a forest-and-marigold theme for the landing page, in Fraunces and DM Sans, and a separate forest-and-olive one in Source Serif 4 and Figtree for the dashboard. Both are tidy, but they stay in the cream-and-green family of the default. A floating 'Rent due Friday' card covers the hero balance. Pick it for quick, warm theming.

claude-design-system-prompt

4/5

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.

Side by side

Field	Theme Factory (Anthropic)	claude-design-system-prompt
Fonts	Fraunces (landing) DM Sans (landing) Source Serif 4 (dashboard) Figtree (dashboard)	Bricolage Grotesque Geist Geist Mono
Colors	#2f5a3d forest #4a7c59 fern #f9a620 marigold #b7472a terracotta #f5f3ed cream #a4ac86 olive (dashboard)	#F4F5F1 paper #16181D ink lime marker oklch(91% 0.19 122) coral oklch(58% 0.17 30) dashboard brand oklch(44% 0.09 168)
Good fit for	warm consumer brands small business sites quick theming of existing pages community apps	B2B and prosumer SaaS fintech dashboards developer-adjacent tools directories and content tools
Not great for	sharp tech brands dark interfaces products that need one consistent theme	warm lifestyle brands kids or playful apps luxury
Flaws we saw	landing: the 'Rent due Friday' card sits over the hero balance figure the two pages use different themes and fonts close to the baseline palette	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

The baseline with no skill How the brief works

Install Theme Factory (Anthropic)

1 Run in your terminal

npx degit anthropics/skills/skills/theme-factory#main .claude/skills/theme-factory

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.

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.