design-critique

Provide structured design critique on UI screens for usability, hierarchy, and accessibility.

Updated Apr 23, 2026
One-click install
npx skills add https://github.com/ngochuy13/intern-dev --skill design-critique-ngochuy13
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/ngochuy13/intern-dev/tree/main/skills/design-critique
Command: npx skills add https://github.com/ngochuy13/intern-dev --skill design-critique-ngochuy13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you turn a design into a usable, consistent experience by providing structured feedback on usability, hierarchy, and accessibility.

Core Features & Use Cases

  • Structured multi-dimension critique: First-impression review, usability checks, visual hierarchy evaluation, consistency validation, and accessibility considerations.
  • Works with real inputs: Accepts a Figma link, a screenshot/file reference, or a detailed description when nothing else is available.
  • Stage-aware guidance: Tailors recommendations for exploration, refinement, or final polish, including optional focus areas like mobile or onboarding.

Quick Start

Share a Figma URL or upload a screenshot of your design and tell me the product context, audience, and stage.

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 UX feedback on a Figma design?

To get structured UX feedback on a Figma design, share the URL along with the product context, target audience, and current design stage. The critique evaluates first impressions, usability, visual hierarchy, consistency, and accessibility based on those inputs.

Can I request a UI critique using just a screenshot and a text description?

Yes, you can request a UI critique using just a screenshot or a detailed text description. Providing the product context, audience, and stage allows the review to assess usability and visual hierarchy even without direct design files.

What does a visual hierarchy evaluation cover during a design review?

A visual hierarchy evaluation during a design review covers how effectively UI elements guide user attention. It assesses layout structure, spacing, and prioritization to ensure a consistent, accessible experience across different screen stages.

Does stage-aware UX review tailor feedback differently for exploration and final polish?

Stage-aware UX review tailors feedback specifically for exploration, refinement, or final polish. By capturing the design stage, it adjusts recommendations to focus on broad structural usability early on or detailed visual consistency and accessibility later.

What is the best way to review mobile onboarding screens for accessibility?

The best way to review mobile onboarding screens for accessibility is to specify mobile and onboarding as focus areas. This ensures the UX critique prioritizes stage-aware accessibility checks and usability validation tailored to mobile constraints.

Why does my design review require product context and audience information?

Your design review requires product context and audience information to tailor the critique accurately. Knowing who the design is for and what it does ensures the usability, visual hierarchy, and accessibility feedback is relevant to your specific use case.