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.