claude-design-system-prompt vs Impeccable

Both after shots are the Tally budgeting-app landing page, made by applying each skill's published instructions. Shared tags: Visual direction.

4 out of 5

claude-design-system-prompt

The aesthetic-direction and slop-check skills produced a calm, coherent fintech page: a real product panel in the hero, a bento feature block with one lead cell, and borders instead of shadows. It also renders a visible design-system summary, as the skill requires, which some will see as clutter.

Tally landing page made with claude-design-system-prompt
Open full after

4 out of 5

Impeccable

Threw out the gradient-and-emoji template for a warm paper 'ledger' world: the hero is a working envelope budget (labelled as sample data), features become one lead argument plus a ruled row, and pricing leads with a dark Plus plan. Distinctive and honest with copy. We followed its written rules but not its full workflow (launcher, question round, reviewer subagent), so a real run could differ.

Tally landing page made with Impeccable
Open full after

Baseline with no skill · How the brief works

How to install claude-design-system-prompt

Works with Claude Code, Codex, Cursor, Gemini and more

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.

How to install Impeccable

Works with Claude Code, Codex, Cursor, Gemini and more

npx impeccable install

Then run /impeccable init inside your AI coding tool.

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