skills.rest
SufficientDaikon
SufficientDaikonCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Review design artifacts using heuristic evaluation and WCAG 2.1 AA criteria.

8|Updated Mar 8, 2026
Search Tags:#accessibility#design system#design review#heuristic evaluation#ux critique#ui quality
One-click install
npx skills add https://github.com/SufficientDaikon/omniskill --skill design-review-sufficientdaikon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/SufficientDaikon/omniskill/tree/main/.cursor/rules/design-review
Command: npx skills add https://github.com/SufficientDaikon/omniskill --skill design-review-sufficientdaikon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured methodology for critiquing and reviewing design artifacts, ensuring high quality, consistency, and accessibility across all design phases.

Core Features & Use Cases

  • Heuristic Evaluation: Apply Nielsen's 10 heuristics to identify usability issues.
  • Cognitive Walkthroughs: Simulate user journeys to uncover interaction problems.
  • Consistency & Accessibility Audits: Ensure adherence to standards and WCAG compliance.
  • Visual Quality Assessment: Score designs against a rubric for hierarchy, typography, color, and more.
  • Use Case: Review a new mobile app's onboarding flow using heuristic evaluation and a cognitive walkthrough to identify potential user confusion before development.

Quick Start

Perform a design review on the provided wireframes using the design-review skill.

Frequently Asked Questions about design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a heuristic evaluation on UI wireframes?▼

Run a heuristic evaluation by applying Nielsen's 10 heuristics to your UI wireframes to systematically identify usability issues before development begins. The skill provides a structured framework for this process.

What is a cognitive walkthrough and when do I need one for UX critique?▼

A cognitive walkthrough simulates user journeys step-by-step to uncover interaction problems during UX critique. You need one when evaluating new flows like a mobile app onboarding process to identify potential user confusion.

Can I check WCAG 2.1 AA accessibility compliance during a design review?▼

Yes, you can check WCAG 2.1 AA accessibility compliance during a design review. The framework includes consistency and accessibility audits to ensure your design artifacts adhere to these standards.

What's the best way to assess visual quality and consistency in a design system?▼

The best way to assess visual quality in a design system is to score designs against a structured rubric evaluating visual hierarchy, typography, and color. This ensures adherence to standards and maintains consistency across all design phases.

Does design critique work for reviewing artifacts across all design phases?▼

Yes, design critique works for reviewing artifacts across all design phases. The framework is applicable to evaluating everything from early-stage wireframes to final UI implementation ensuring high quality and consistency throughout.

Related Skills

Explore More Design & Creative Skills→
rodhrodh

simulated-user-testing

Simulate persona-driven user walkthroughs on design wireframes to identify usability issues.

Community
Advanced
caobingshengcaobingsheng
1

ui-ux-designer

Guide teams in implementing accessible, token-based UI/UX design systems.

Community
Advanced
micserrmicserr

toge:design-qa

Generate a Design QA report checking visual consistency, token compliance, accessibility, and interaction readiness.

Community
Intermediate
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced