Review UI designs against Nielsen's ten usability heuristics and produce categorized findings.
npx skills add https://github.com/okm321/dotfiles --skill design-review-okm321
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/okm321/dotfiles/tree/main/claude/skills/design-review Command: npx skills add https://github.com/okm321/dotfiles --skill design-review-okm321
High-intent search queries and answers about installing and using this skill.
Provide a file, URL, or screenshot of the interface and run the design review. The Skill checks it against Nielsen's 10 heuristics across categories like error prevention, consistency, and system status visibility, then returns prioritized findings.
The checklist covers Nielsen's 10 heuristics: status visibility, real-world language match, user control, consistency, error prevention, recognition over recall, flexibility, minimalist design, error recovery, and help documentation.
Yes, the review accepts a file, URL, or screenshot as input. Each format is evaluated against the same 10-category checklist, and findings are reported in the same prioritized output format.
The checklist includes a minimum contrast ratio of 4.5:1, avoiding color-only signaling by supplementing with shapes or text, readable line spacing and length, and labeling icons with text or tooltips.
Heuristic reviews identify guideline violations but cannot measure actual user behavior or task success rates. They work best combined with usability testing, since some issues only surface through real user interaction.
AcosmiRender HTML/React artifacts, capture screenshots, and evaluate JavaScript in sandboxed Canvas sessions.
davepoonFixes critical and warning findings from QA code review reports with updated tests.
kennedym-dsEvaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.
oakossPlan and conduct usability tests with heuristic evaluations and accessibility audits.
