skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

design-critic

Provide structured design critique on usability, hierarchy, consistency, and polish.

2|1|Updated May 17, 2026
Search Tags:#usability#hierarchy#design critique#ux feedback#mockup review
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill design-critic-rakibulism
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critic
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/design-critic
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill design-critic-rakibulism

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you review a screen, mockup, or flow with feedback that is specific, prioritized, and tied to the user's goal instead of vague aesthetic opinions.

Core Features & Use Cases

  • Stage-aware critique: Adjusts feedback based on whether the design is in early exploration, mid-iteration, or final polish.
  • Structured review: Evaluates goal fit, hierarchy, flow and state coverage, consistency, and craft in a clear sequence.
  • Actionable output: Calls out what is working, what is not, why it matters, and what to fix first.
  • Use case: Review a product screen before handoff and get a concise critique with the top issues to resolve first.

Quick Start

Ask the design critic to review the screen by describing the design, its stage, and the goal it is meant to achieve.

Frequently Asked Questions about design-critic

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

FAQPage Schema
How do I get actionable UX feedback on a mockup before handoff?▼

You can get actionable UX feedback on a mockup by describing the screen, its current design stage, and the user goal. This generates a structured critique on usability, hierarchy, and consistency with prioritized fixes for handoff.

What is stage-aware design critique and how does it work?▼

Stage-aware design critique adjusts feedback based on whether a mockup is in early exploration, mid-iteration, or final polish. It evaluates goal fit, hierarchy, and consistency to provide prioritized fixes relevant to the current design phase.

Can I use this to review a Figma flow for usability and consistency?▼

Yes, you can review a Figma flow by describing the screens and the user goal. The critique evaluates flow, state coverage, consistency, and hierarchy to identify usability issues and top fixes across the design sequence.

How do I structure a design review for a product screen?▼

Structure a design review by sequentially evaluating goal fit, hierarchy, flow, state coverage, consistency, and craft. This identifies what is working, what fails, why it matters, and the top usability fixes to apply first.

What is the best way to critique UI hierarchy in early design exploration?▼

The best way to critique UI hierarchy in early exploration is to analyze goal fit and flow before visual polish. This prioritizes structural usability issues and actionable feedback over vague aesthetic opinions during the initial design phase.

Related Skills

Explore More Design & Creative Skills→
Srujan0798Srujan0798

design-critique

Critique designs from Figma URLs, screenshots, or descriptions into structured Markdown reports.

Community
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
QuestNova502QuestNova502
4

ux-researcher-designer

Generate data-driven personas from user research files via persona_generator.py script.

Community
Intermediate
nholder88nholder88
2

ui-ux-review

Evaluate frontend UI against design-system rules for consistency and accessibility.

Community
Advanced