Point it at a URL, a screenshot, or a component. Get ranked, specific findings, then let it apply the fixes.
Craft standards, not vibes.
What it does
Every finding ranked blocking → important → polish, so you ship the critical stuff and skip the bikeshedding.
Real numbers behind every call: WCAG contrast, 45–75ch line length, 44px tap targets. Never "make it pop."
A live URL, a screenshot, or a raw component. It reads the code and cites the exact line.
Run --apply and watch it rewrite contrast, focus states, alt text and motion, in place.
Contrast, semantics, focus order, labels, and reduced-motion. Caught automatically, not bolted on later.
Closes every review with your strengths and the one change that moves the needle most.
What it reviews
01
Clear focal point, sensible scan path, grouping, alignment to a grid, whitespace as structure.
02
Limited type scale, line-height, 45–75ch measure, font pairing, no widows or orphans.
03
Consistent 4/8px scale, even vertical rhythm, symmetric padding. No arbitrary gaps.
04
WCAG AA (4.5:1 text, 3:1 large/UI), restrained palette, never color alone for meaning.
05
Purposeful, fast timings, natural easing, and a prefers-reduced-motion variant.
06
Hover, focus-visible, active, disabled, loading, empty, error, plus ≥44px tap targets.
07
Semantic HTML, labels, alt text, logical focus order, full keyboard operability.
08
Fluid type and spacing, no overflow or clipping from 320px up, touch-appropriate.
09
Clear headlines, scannable structure, descriptive CTAs, human microcopy and errors.
10
Reused design tokens, consistent radii, shadows, and icon style across screens.
See it work
Install
1
Add the marketplace and install the plugin:
# in Claude Code /plugin marketplace add Superfuture/design-review /plugin install design-review@superfuture # …or drop the folder in manually git clone https://github.com/Superfuture/design-review /tmp/dr cp -r /tmp/dr/design-review/skills/design-review ~/.claude/skills/
2
Then just ask: "design review officialjp.com" or "critique this paywall screenshot."
Pricing
$0
forever
Install free
Recommended
$12
one-time
$49
per team
Get Team
FAQ
A Claude Code skill that runs a senior-level design critique of any URL, screenshot, or component, ranked from blocking to polish, each finding with a specific fix you can auto-apply.
Free is the full skill and rubric, run locally in your terminal. Pro adds depth the free tier doesn't cover: an expanded mobile & SwiftUI rubric and brand-token consistency checks, generated server-side so it stays current.
After checkout you get a license key on the activation page. In Claude Code run /design-review:activate <your-key>, or paste the key when Crit first asks on a Pro review. Your Pro reviews then include the extra depth.
No. Pro is a one-time $12 unlock. Team is a separate plan, currently by waitlist.
It's tied to your email. Get in touch and we'll resend it.
If Pro isn't earning its place, contact us within 14 days for a refund.
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。