design-critique

Evaluate user interfaces for usability, hierarchy, consistency, and accessibility.

2|Updated Mar 7, 2025
One-click install
npx skills add https://github.com/Niqp/YAHT --skill design-critique-niqp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/Niqp/YAHT/tree/main/.agent/skills/design-review
Command: npx skills add https://github.com/Niqp/YAHT --skill design-critique-niqp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you improve usability, visual hierarchy, consistency, and accessibility by turning vague opinions into structured, actionable critique.

Core Features & Use Cases

  • Structured critique across key dimensions: evaluates first impressions, usability, hierarchy, consistency, and accessibility.
  • Actionable, principle-based feedback: encourages specificity, reasoning, and solution suggestions rather than generic judgments.
  • Stage-aware guidance: tailors feedback expectations to early exploration, mid-stage mockups, or final polish.

Quick Start

Share your screen or mockup and ask for a design critique using the prompt: “review this design for usability, hierarchy, consistency, and accessibility.”

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I get structured design critique for UI mockups?▼

To get structured design critique, share your UI mockups and request an evaluation covering first impressions, usability, visual hierarchy, consistency, and accessibility. This process turns vague opinions into principle-based, actionable design feedback.

What's the best way to evaluate Figma feedback for usability and accessibility?▼

Evaluating Figma feedback requires applying a structured critique framework that assesses usability, visual hierarchy, consistency, and accessibility considerations. This ensures the design feedback is actionable and specific rather than offering generic judgments.

Can I use design critique on early exploration mockups or only final polish?▼

Yes, you can use design critique on early exploration mockups, mid-stage designs, and final polish. The critique framework provides stage-aware guidance, tailoring feedback expectations to match the specific development phase of your user interface.

How does visual hierarchy critique improve UI consistency?▼

Visual hierarchy critique improves UI consistency by evaluating the arrangement of interface elements and applying principle-based reasoning. This structured assessment identifies specific layout discrepancies and provides actionable solution suggestions.

Why does my design feedback lack actionable suggestions?▼

Design feedback often lacks actionable suggestions because it lacks a structured critique framework covering usability, hierarchy, consistency, and accessibility. Applying specific design principles ensures feedback includes reasoning and targeted solution suggestions.

Does design critique work for accessibility evaluation?▼

Yes, design critique works for accessibility evaluation by systematically checking user interfaces against accessibility considerations. It incorporates these checks into a broader framework alongside usability, visual hierarchy, and consistency assessments.