claude-design-system-prompt vs Documentary Brutalist Agency (Meng To)

Tied at 4/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test. Shared tasks: Visual direction.

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.

Documentary Brutalist Agency (Meng To)

4/5

Documentary Brutalist Agency shouts in the best way: "EVERY DOLLAR GETS A JOB" in giant Anton capitals, hard black and paper chapters, numbered sections and mono captions. The dashboard keeps it, with a huge $640, black rule-framed panels and a mint bills card. Pick it if you want a poster-loud brand and can live with a budgeting app that feels like a culture magazine.

Side by side

Field	claude-design-system-prompt	Documentary Brutalist Agency (Meng To)
Fonts	Bricolage Grotesque Geist Geist Mono	Anton Inter Tight JetBrains Mono (landing)
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)	#0d0d0c ink #f3f0e8 paper #cfeedd mint #f6d3d0 pink #b3261e red (dashboard) #6b6862 grey
Good fit for	B2B and prosumer SaaS fintech dashboards developer-adjacent tools directories and content tools	agency and studio sites culture and events brands bold product launches editorial portfolios
Not great for	warm lifestyle brands kids or playful apps luxury	calm consumer finance accessibility-first public services long-form reading
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	the all-caps Anton headlines get tiring over a long page dashboard: the black-on-black envelope bars rely on thin outlines to read

The baseline with no skill How 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 Documentary Brutalist Agency (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/documentary-brutalist-agency#main .claude/skills/documentary-brutalist-agency

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.