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.