design-design-critique

Generates structured design feedback on usability, hierarchy, consistency, and accessibility from Figma links or screenshots.

Updated May 26, 2026
One-click install
npx skills add https://github.com/avel123111/triplanio --skill design-design-critique-avel123111
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-design-critique
Source: https://github.com/avel123111/triplanio/tree/main/.claude/skills/design-design-critique
Command: npx skills add https://github.com/avel123111/triplanio --skill design-design-critique-avel123111

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Getting objective, structured design feedback is hard—informal reviews are often vague, inconsistent, or miss accessibility and hierarchy issues. This Skill applies a repeatable critique framework so every design review covers usability, visual hierarchy, consistency, and accessibility with severity-rated findings. ## Core Features & Use Cases - Multi-Dimensional Critique Framework: Evaluates first impression, usability, visual hierarchy, consistency, and accessibility in a fixed structure. - Severity-Rated Findings: Outputs findings in tables with Critical/Moderate/Minor severity levels plus concrete recommendations. - Flexible Input: Accepts a Figma URL, a screenshot, or a written description, and adapts feedback depth to the design stage (exploration vs. final polish). - Use Case: A designer shares a Figma link to a checkout flow and asks for a review; the Skill returns a structured critique with prioritized recommendations and notes on what already works. ## 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 mobile usability.

Frequently Asked Questions about design-design-critique

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

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

Share the Figma URL along with context about what the design is, who it is for, and its stage. The critique pulls the design from Figma when a connector is available, then returns structured feedback on usability, hierarchy, consistency, and accessibility.

How to review a design screenshot for usability issues?

Attach the screenshot and optionally specify a focus area like navigation or onboarding. The review checks whether users can accomplish their goal, whether interactive elements are obvious, and flags issues with severity ratings and fixes.

What does a design critique report include?

The report includes an overall impression, severity-rated usability findings, visual hierarchy analysis, consistency checks against the design system, accessibility checks for contrast and touch targets, positive observations, and three prioritized recommendations.

Can I use this without a Figma link or screenshot?

Yes, you can provide a detailed written description of the design instead. The more context you give about purpose, audience, and stage, the more relevant the feedback will be.

Does the critique change based on design stage?

Yes, feedback is matched to the stage you specify. Early exploration receives directional feedback on concepts, while final polish reviews focus on consistency, accessibility details, and refinement-level issues.