anthropics avatar

Design Critique

This gives you structured design feedback across usability, hierarchy, consistency, and accessibility. You can drop in a Figma link, attach a screenshot, or describe what you're working on, and it walks through a systematic critique covering first impressions, visual flow, interactive patterns, and contrast ratios. The output format is opinionated, breaking findings into severity levels and prioritized recommendations. What I like here is that it adapts feedback to your stage, so early exploration doesn't get nitpicked on pixel perfection while final polish gets the scrutiny it needs. The framework pushes for specific, actionable observations rather than vague "feels off" comments. If you want deeper analysis on one area, just tell it to focus there.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
169
skills.sh installs
5.8K
GitHub stars
35.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add anthropics/knowledge-work-plugins --skill design-critique --agent claude-code

Installs into .claude/skills of the current project.

Files

/design-critique

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.

Get structured design feedback across multiple dimensions.

Usage

/design-critique $ARGUMENTS

Review the design: @$1

If a Figma URL is provided, pull the design from Figma. If a file is referenced, read it. Otherwise, ask the user to describe or share their design.

What I Need From You

  • The design: Figma URL, screenshot, or detailed description
  • Context: What is this? Who is it for? What stage (exploration, refinement, final)?
  • Focus (optional): "Focus on mobile" or "Focus on the onboarding flow"

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?

Sponsors

Details

Repository
github.com/anthropics/knowledge-work-plugins
Categories
Git & Pull Requests, Code Review & Quality, Design & UI/UX, CLI & Terminal
First seen
Apr 16, 2026

More from anthropics/knowledge-work-plugins

All 198
1coralogix avatarcx-telemetry-queryingcoralogix/cx-cliUse this skill for any question involving telemetry data: "investigate an issue", "debug a problem", "find out why something is slow", "check error rates", "ana5.8Kskills.sh installs
2forcedotcom avataragentforce-testforcedotcom/sf-skillsWrite, run, and analyze structured test suites for Agentforce agents — functional AND security. TRIGGER when: user writes or modifies test spec YAML (AiEvaluati5.8Kskills.sh installs
3forcedotcom avataragentforce-observeforcedotcom/sf-skillsAnalyze production Agentforce agent behavior using session traces and Data Cloud. TRIGGER when: user queries STDM session data or Data Cloud trace records; inve5.8Kskills.sh installs
4dpearson2699 avatarswiftui-animationdpearson2699/swift-ios-skillsImplement, diagnose, or review SwiftUI motion using explicit and scoped implicit animations, springs, transitions, PhaseAnimator, KeyframeAnimator, matched geom5.7Kskills.sh installs
5affaan-m avatarproduction-auditaffaan-m/eccLocal-evidence production readiness audit for shipped apps, pre-launch reviews, post-merge checks, and "what breaks in prod?" questions without sending repo dat5.7Kskills.sh installs
6samber avatardeep-researchsamber/cc-skillsDeep research skill — broad parallel web searches, multi-source validation, confidence tracking, cited Markdown report. Supports 11 research types: market (TAM/5.6Kskills.sh installs