frontend-design (Anthropic) vs Impeccable

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

5 out of 5

frontend-design (Anthropic)

The biggest jump in the set: the generic purple SaaS template became a page built around one idea (a stack of kraft envelopes), with characterful type, a plain feature list and a comparison table instead of card grids. Its anti-default checklist visibly removed every gradient, emoji and 'Most Popular' tell from the baseline.

Tally landing page made with frontend-design (Anthropic)
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 frontend-design (Anthropic)

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

/plugin marketplace add anthropics/skills

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

Repo root README: registers the anthropics/skills marketplace; then pick the plugin containing frontend-design via 'Browse and install plugins'.

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.