Have Claude critique a UI screenshot against design principles
使うタイミング: You built a screen and want a structured critique before shipping.
前提条件
- Server/skill installed and authenticated — See repo README
フロー
-
SubmitUsing the UI/UX skill, review attached screenshot of the settings page.✓ コピーしました→ Critique grouped by CRAP + HCI laws
-
PrioritizeRank the issues by impact and tell me the top 3 to fix.✓ コピーしました→ Top-3 list with reasoning
結果: A short, ranked action list rather than 30 vibes.
注意点
- Visual critique from a screenshot misses interaction issues. Pair with a real Playwright walkthrough for flows. — Visual critique from a screenshot misses interaction issues. Pair with a real Playwright walkthrough for flows.