Agent skill · design visual · onewave-ai
claude-design-critic
Audit a website or UI and de-AI it — find the patterns that make it look template-generated (in both design and copy) and return specific, prioritized fixes that push it toward editorial, premium, human-crafted. Reviews layout, color, type, spacing, motion, accessibility, AND the words. Use after building or generating any frontend, or when a site looks "fine but generic" and you can't say why.
Why this skill is useful
Provides a detailed audit framework for identifying and correcting AI-generated design and copy patterns, which the AI wouldn't reliably generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-07-15. 242 stars on the source repository.
What this skill does
Claude Design Critic Some sites are technically fine and still scream "an AI made this in one shot." This skill names exactly why and tells you what to change. It reviews the design and the copy, because generated-looking text gives a build away as fast as a centered hero and a purple gradient. Use it as the finishing pass on claude-landing-composer output, on any vibe-coded frontend, or on a live site that feels generic. It pairs with the design tokens from claude-design-system-architect (audit against them when they exist). Step 1 — Take in the target A URL (WebFetch + screenshot), a local project (read the components/styles), or pasted code. Establish: what is this page for, who's the audience, and what's the one action it wants? A critique without the goal is just opinion. Step 2 — Audit across dimensions Go dimension by dimension and flag concrete instances, not vibes: Layout & composition Every section a centered stack? Three-identical-cards reflex? Predictable hero → cards → CTA with no rhythm? Symmetry where asymmetry would feel crafted? Cramped or uniform whitespace? Color Purple or default-AI gradients (the dead giveaway). Too many competing accents. Off-brand or arbitrary hexes not mapped to tokens. Contrast failures (check AA). Type Default system sans at 2–3 sizes. No real modular scale. Weak hierarchy. Generic pairing. Line length / line-height that reads like a default. Spacing & detail Uniform padding everywhere. No optical adjustments. Borders/shadows that are all identical or all heavy. Motion The same fade-up on every element. Motion that decorates instead of directs. prefers-reduced-motion ignored. Iconography & assets Emoji used as UI (replace with Lucide/Heroicons). Generic stock imagery. Placeholder logos left in. Copy (review this as hard as the design) AI tells: "elevate", "unlock", "seamless", "empower", "in today's fast-paced world", "we're thrilled to", "the power of", relentless em-dashes, every sentence a tricolon. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onewave-ai/claude-design-critic