skills.rest
andebet07-oss
andebet07-ossCOMMUNITY
Explore all skills by this author →
GitHub

design-critique

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

Updated Apr 3, 2026
Search Tags:#feedback#consistency#accessibility#usability#design-system#visual-hierarchy#design-critique
One-click install
npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill design-critique-andebet07-oss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/andebet07-oss/MemoriaShare_C/tree/main/skills/skills-main/.claude-plugin/plugin_011VCCbVFqAn2m9NLT6tYcch/skills/design-critique
Command: npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill design-critique-andebet07-oss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured feedback on usability, visual hierarchy, consistency, and accessibility to help designers iterate faster and deliver polished interfaces.

Core Features & Use Cases

  • Structured critique across usability, visual hierarchy, consistency, and accessibility.
  • Figma and image support: Accepts Figma URLs, screenshots, or design descriptions for review.
  • Actionable recommendations: Clear, prioritized suggestions aligned with design systems and accessibility.
  • Use Case: Use during exploration to refinement to final polish to steadily improve a screen or flow.

Quick Start

Upload the design or share a Figma URL 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 UI design feedback on usability and visual hierarchy?▼

To get structured UI design feedback, you provide a Figma URL, screenshot, or design description to receive an actionable critique evaluating usability, visual hierarchy, consistency, and accessibility.

Can I use Figma URLs for design critique and accessibility checks?▼

Yes, you can use Figma URLs for design critique alongside screenshots or text descriptions to evaluate accessibility considerations and receive prioritized recommendations for interface refinement.

What is the best way to evaluate design system token alignment in a UI?▼

Evaluating design system token alignment involves applying a structured critique process to your design, checking visual consistency and component usage against established tokens to return actionable recommendations.

Does design critique work for early exploration stages or only final polish?▼

Design critique works across all stages, supporting early exploration, iterative refinement, and final polish to steadily improve a screen or flow with concise, actionable feedback.

How do I review a screenshot for accessibility and consistency issues?▼

To review a screenshot for accessibility and consistency issues, upload the image to receive a structured critique that evaluates alignment with design system tokens and practical usability recommendations.

What are the limitations of text-based design descriptions for critique?▼

Text-based design descriptions provide critique on stated usability and visual hierarchy, but lack visual context, potentially limiting the accuracy of accessibility checks and design system token alignment evaluations.

Related Skills

Explore More Design & Creative Skills→
omerakbenomerakben
1

web-design-guidelines

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

Community
Basic
flowelflowel

figma-generate-design

Automate Figma screen creation and updates using design system tokens.

Community
Intermediate
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
shirulotshirulot

product-designer

Facilitate product design workflows including user research, information architecture, and usability testing.

Community
Advanced