That AI-generated page smell, broken down by a set of commands
A design skill for AI coding agents with 24 commands and 62 detection rules, specifically built to break down purple gradients, nested cards, and the Inter font. Someone used it to redo a finance dashboard, and the before-and-after comparison is more intuitive than slogans.
Look at enough AI-generated front-end pages and you develop a reflex. Purple-to-blue gradients, Inter font plastered across the whole site, cards inside cards, and a rounded-square icon sitting above every heading. Each element looks fine on its own, but together they feel like the same template with the copy swapped a few times.
Impeccable is aimed at exactly this template look. It's a design skill by Paul Bakaus for AI coding agents, with 91K stars on GitHub. What it does is very concrete: it gives AI a set of executable design commands and checking rules. To install, run npx impeccable install from the project root, then run /impeccable init in your AI tool. init writes the product context into PRODUCT.md, so later commands know the audience, purpose, constraints, and tone, and won't treat every page as the same SaaS landing page.
The commands are broken down finely: /impeccable layout adjusts spacing and layout, /impeccable typeset changes fonts and hierarchy, /impeccable distill cuts out the unnecessary, /impeccable polish does pre-launch polish, and /impeccable critique finds flaws in the design. The official list includes 24 commands plus 62 deterministic detection rules that specifically catch common problems in AI-generated front ends, such as side tab borders, purple gradients, bounce easing, dark glows, gray text on colored backgrounds, and nested cards. The CLI and browser extension run the detection rules without an LLM or API key.
Damir Sokolovsky used this toolkit to redo a vibecoded dashboard. The original post is titled Unslopping a vibecoded dashboard. In the video, there's a dark-purple finance overview interface with navigation on the left, monthly revenue of $48,210 and total revenue of $124,860.40 on the right, and a weekly revenue bar chart below. The result after the changes is more intuitive than the words 'AI smell.' The video is here:
One user suggested not running all the commands at once. First use layout to straighten out the skeleton, then typeset to unify fonts and heading hierarchy, third use distill to cut decoration and duplicate information, and finally polish for overall refinement. After each change, compare screen by screen with the original, so if something breaks you can immediately roll back. This order is more reliable than one-click beautification. Another user asked about critique's scoring criteria and whether it can point out spacing and hierarchy problems that are off by a few pixels. That concern is valid. The tool provides design vocabulary and a detection checklist; it does not equal making aesthetic judgments for people. Some users also reported that layout can solve a lot of problems, but some redundant design is still unavoidable.
What's worth checking out about Impeccable is that it breaks the AI smell into checkable items. The command names themselves teach both AI and people how to describe problems. It won't automatically make a page look more premium, and after running it you shouldn't ship directly. Try layout and distill on one page first and compare the difference with the original; it's easier to judge what it actually helped with than changing everything at once.
发布时间: 2026-10-29 03:43