design-critique

Analyze design mockups and interfaces for usability, hierarchy, and consistency.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/cy-wali/knowledge --skill design-critique-cy-wali
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/cy-wali/knowledge/tree/main/design/skills/design-critique
Command: npx skills add https://github.com/cy-wali/knowledge --skill design-critique-cy-wali

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provide structured feedback on usability, visual hierarchy, and consistency to improve design outcomes.

Core Features & Use Cases

  • Framework-based critique: Uses a multi-dimension rubric to analyze usability, visual hierarchy, consistency, and accessibility.
  • Context-aware feedback: Adapts critique based on stage (exploration, refinement, final polish) and design type.
  • Output-ready: Produces a markdown-style critique that can be shared with stakeholders.

Quick Start

Provide a design description or a Figma link 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 usability and visual hierarchy?▼

To get structured design feedback on usability and visual hierarchy, provide a design description or Figma link. The system applies a multi-dimension critique framework covering first impression, usability, visual hierarchy, consistency, and accessibility to generate a markdown report.

What is the best way to critique a mockup for consistency and accessibility?▼

The best way to critique a mockup for consistency and accessibility is using a framework-based rubric. This approach analyzes your interface screens across multiple dimensions and outputs a markdown-style report ready to share with stakeholders.

Can I use this design critique framework for early exploration stages?▼

Yes, you can use this design critique framework for early exploration stages. The feedback mechanism adapts its critique based on the design stage, providing context-aware analysis for mockups and interfaces at exploration, refinement, or final polish phases.

Does the critique cover both usability and visual hierarchy in the same report?▼

Yes, the critique covers both usability and visual hierarchy in the same report. It enforces a multi-dimension critique framework that includes sections for first impression, usability, visual hierarchy, consistency, and accessibility in one markdown-style output.

How do I share design critique results with stakeholders?▼

To share design critique results with stakeholders, use the output-ready markdown-style report generated by the framework. You can directly distribute this structured markdown file containing the usability, consistency, and accessibility analysis to your team.