Skills for Design Both after shots are the Tally budgeting-app landing page, made by applying each skill's published instructions. Shared tags: Landing pages, Visual direction.
4 out of 5
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.
4 out of 5
Its mandatory six-line brief (direction, mood, palette, type, layout, signature) pushed the page into a warm editorial ledger: Fraunces on paper, one tomato accent, hand-drawn tally marks as the signature and alternating paper/ink sections. One of the most distinctive results in the set. The weak spot is its full-viewport section habit, which leaves big empty bands on a short page.
Baseline with no skill · How the brief works
Works with Claude Code, Codex, Cursor, Gemini and more
npx impeccable installThen run /impeccable init inside your AI coding tool.
Taken from the project README. Check the source for the latest instructions.
Works with Claude Code, Codex, Cursor, Gemini and more
/plugin marketplace add MickeyAlton33/web-designer-plugin
/plugin install web-designerPlugin 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.