design-critique

Reviews designs from Figma links or screenshots against usability, hierarchy, consistency, and accessibility criteria.

3|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/langgenius/due-date-hq-jwl --skill design-critique-langgenius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/langgenius/due-date-hq-jwl/tree/main/.claude/skills/design-critique
Command: npx skills add https://github.com/langgenius/due-date-hq-jwl --skill design-critique-langgenius

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Getting objective, structured design feedback is hard—informal reviews are vague, inconsistent, and often miss usability or accessibility issues. This Skill turns any design artifact (Figma link, screenshot, or description) into a rigorous, multi-dimensional critique with severity-ranked findings and actionable fixes. ## Core Features & Use Cases - Structured critique framework: Evaluates first impression, usability, visual hierarchy, consistency, and accessibility in a repeatable format. - Severity-ranked findings: Classifies issues as critical, moderate, or minor with concrete recommendations, plus prioritized next steps. - Stage-aware feedback: Adjusts depth and tone based on whether the design is early exploration, refinement, or final polish. - Use Case: Share a Figma URL of a new onboarding flow and ask for a critique focused on mobile—the Skill inspects the design and returns a formatted report with findings tables, accessibility checks, and the top three priority improvements. ## Quick Start Ask the assistant to critique your design by sharing a Figma link or screenshot, for example: review this checkout screen mockup and focus on the navigation flow.

Frequently Asked Questions about design-critique

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get design feedback on a Figma mockup?

Share the Figma URL and ask for a design critique. The Skill pulls the design from Figma when the connector is available, then evaluates usability, hierarchy, consistency, and accessibility with severity-ranked findings and recommendations.

How to review a UI screenshot for usability issues?

Attach the screenshot and request a critique, optionally adding context like the product type, target users, and design stage. The output includes a usability findings table with severity levels and specific fixes for each issue.

Can I focus a design critique on one area like navigation?

Yes, specify a focus such as mobile layout, onboarding flow, or navigation when requesting the critique. Narrowing the scope produces deeper analysis on that area instead of broad coverage across all dimensions.

What accessibility checks does a design critique cover?

The critique checks color contrast ratios for key text, touch target sizes, text readability including font size and line height, and alternative text for images. Results are reported as pass/fail style observations in the accessibility section.

Does design critique feedback change based on project stage?

Yes, feedback is matched to the stage you specify. Early exploration receives directional and conceptual feedback, while final polish reviews focus on detailed consistency, spacing, and accessibility refinements.