skills.rest
sun2443
sun2443COMMUNITY
Explore all skills by this author →
GitHub

design-critique

Provide structured design critique on usability, hierarchy, consistency, and accessibility.

Updated Apr 8, 2026
Search Tags:#accessibility#figma#design systems#usability#ux#visual hierarchy#ui critique
One-click install
npx skills add https://github.com/sun2443/designer-skills --skill design-critique-sun2443
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/sun2443/designer-skills/tree/main/design/skills/design-critique
Command: npx skills add https://github.com/sun2443/designer-skills --skill design-critique-sun2443

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you evaluate and improve UI/UX designs by turning vague opinions into structured, prioritized feedback across usability, hierarchy, consistency, and accessibility.

Core Features & Use Cases

  • Structured critique across key dimensions: Produces feedback covering first impressions, usability, visual hierarchy, consistency, and accessibility.
  • Flexible inputs at any design stage: Accepts a Figma URL, screenshots, or a detailed description, and adapts guidance for exploration, refinement, or final polish.
  • Focus-driven reviews: Supports optional focus areas like mobile layout or specific flows (e.g., onboarding navigation).

Quick Start

Share your Figma link or a screenshot and tell the stage and audience, e.g., “Review this design for our onboarding flow (B2B SaaS) and focus on visual hierarchy and usability.”

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 UI critique for a Figma design?▼

You can get structured UI critique by sharing a Figma URL, screenshot, or description along with your design stage and audience context. This generates prioritized feedback covering usability, visual hierarchy, consistency, and accessibility.

What is included in a UX design critique?▼

A UX design critique includes structured feedback on first impressions, usability, visual hierarchy, consistency, and accessibility. It transforms vague design opinions into prioritized, actionable recommendations for improvement.

Can I request a design review focused only on mobile layout accessibility?▼

Yes, you can request a design review focused on mobile layout accessibility by specifying your optional focus area. The critique adapts to your specified constraints and prioritizes findings for those exact accessibility and layout issues.

Does this design feedback tool work for early exploration stages?▼

Yes, this design feedback tool works for early exploration stages. It adapts its structured critique and recommendations specifically for exploration, refinement, or final polish phases based on the context you provide.

What is the best way to evaluate visual hierarchy in a screenshot?▼

The best way to evaluate visual hierarchy in a screenshot is to share the image alongside context about your audience and design stage. This generates a focus-driven review that prioritizes visual hierarchy issues alongside usability and accessibility.

Related Skills

Explore More Design & Creative Skills→
onejaejaeonejaejae
2

figma-analyzer

Analyzes screenshots or URLs to extract product requirements and workflows from FlyeX designs.

Community
Advanced
openyakopenyak
704

design-critique

Provide structured design feedback on usability, visual hierarchy, and accessibility.

Official
Advanced
omerakbenomerakben
1

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability issues.

Community
Basic
thehivegroup-aithehivegroup-ai

std-design-review

Evaluates UI designs against usability heuristics, visual design principles, and accessibility criteria.

Official
Advanced