Skill

design-critique

Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles. Trigger with "what do you think of this design", "give me feedback on", "critique this", "review this mockup", or when the user shares a design and asks for opinions.

From design

Install

Run in your terminal

npx claudepluginhub 8gg-git/knowledge-work-plugins --plugin design

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Similar Skills

skill-lookup

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

157.5k

prompt-lookup

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

157.5k

agent-eval

Compares coding agents like Claude Code and Aider on custom YAML-defined codebase tasks using git worktrees, measuring pass rate, cost, time, and consistency.

ecc

140.3k

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitFeb 24, 2026

Actions

View Source View Plugin View on GitHub View README

Critique Framework

1. First Impression (2 seconds)

What draws the eye first? Is that correct?

What's the emotional reaction?

Is the purpose immediately clear?

2. Usability

Can the user accomplish their goal?

Is the navigation intuitive?

Are interactive elements obvious?

Are there unnecessary steps?

3. Visual Hierarchy

Is there a clear reading order?

Are the right elements emphasized?

Is whitespace used effectively?

Is typography creating the right hierarchy?

4. Consistency

Does it follow the design system?

Are spacing, colors, and typography consistent?

Do similar elements behave similarly?

5. Accessibility

Color contrast ratios

Touch target sizes

Text readability

Alternative text for images

How to Give Feedback

Be specific: "The CTA competes with the navigation" not "the layout is confusing"

Explain why: Connect feedback to design principles or user needs

Suggest alternatives: Don't just identify problems, propose solutions

Acknowledge what works: Good feedback includes positive observations

Match the stage: Early exploration gets different feedback than final polish

Design Critique

Provide structured, actionable design feedback.