skills.rest
adrianliechti
adrianliechtiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-critique

Identify usability, visual hierarchy, and accessibility issues in designs from Figma URLs, screenshots, or descriptions.

4|4|Updated Dec 15, 2024
Search Tags:#design#feedback#accessibility#figma#usability#critique#visual-hierarchy
One-click install
npx skills add https://github.com/adrianliechti/wingman-chat --skill design-critique-adrianliechti
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/adrianliechti/wingman-chat/tree/main/skills/design/design-critique
Command: npx skills add https://github.com/adrianliechti/wingman-chat --skill design-critique-adrianliechti

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill delivers structured feedback on usability, hierarchy, and consistency for designs described via Figma links, screenshots, or detailed descriptions, helping teams improve design quality faster.

Core Features & Use Cases

  • Pulls context from a design (Figma URL, screenshot, or description) and provides a structured critique across usability, visual hierarchy, consistency, and accessibility.
  • Provides a step-by-step critique framework (First Impression, Usability, Visual Hierarchy, Consistency, Accessibility) and actionable recommendations.
  • Suitable for exploration and final polish stages, with guidance for designers and product teams.

Quick Start

Share your design (Figma URL, screenshot, or description) and provide context (stage, focus) to receive a structured critique.

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 feedback on a Figma file?▼

Structured design feedback covers usability, visual hierarchy, consistency, and accessibility by analyzing First Impression, Usability, Visual Hierarchy, Consistency, and Accessibility, then providing actionable recommendations.

Can I run a usability critique using only a screenshot and description?▼

Yes, you can run a usability critique using a screenshot or detailed description to identify usability, visual hierarchy, and accessibility issues across interfaces like onboarding flows and dashboards.

What is the best way to evaluate accessibility and visual hierarchy in UI design?▼

The best way to evaluate accessibility and visual hierarchy in UI design is to apply a structured critique framework that identifies specific issues and provides actionable recommendations.

Does this design critique framework work for both exploration and final polish stages?▼

Yes, the design critique framework works for both exploration and final polish stages, delivering structured feedback on usability and visual hierarchy to help designers and product teams improve design quality faster.

How do I identify visual hierarchy and consistency issues in a dashboard interface?▼

To identify visual hierarchy and consistency issues in a dashboard interface, submit the design via a Figma URL or screenshot to receive a structured critique with actionable recommendations.

Related Skills

Explore More Design & Creative Skills→
Srujan0798Srujan0798

design-critique

Critique designs from Figma URLs, screenshots, or descriptions into structured Markdown reports.

Community
Intermediate
MrlykMrlyk

critique

Evaluate interface design effectiveness with structured UX critique and prioritized recommendations.

Community
Advanced
omerakbenomerakben
1

web-design-guidelines

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

Community
Basic
slgoodrichslgoodrich
121

usability-frameworks

Plan and evaluate usability testing for user interfaces using Nielsen's heuristics.

Community
Basic