Slash Command

/design-critique

Evaluates Figma screens or screenshots against Nielsen's 10 UX heuristics with scores, observations, and prioritized recommendations. Also supports --screenshot mode.

Figma

design

From design-studio

Install

Run in your terminal

npx claudepluginhub rp4ri/claude-local-marketplace --plugin design-studio

Details

Argument[nodeId]

Allowed Tools

ReadWriteEditBashGlobGrepmcp__*

Command Content

Other plugins with /design-critique

/design-critique

Evaluates Figma screens or screenshots against Nielsen's 10 UX heuristics with scores, observations, and prioritized recommendations. Also supports --screenshot mode.

ReadWriteEdit+4

naksha

247

/design-critique

Get structured design critique for a visual design — from a screenshot path, URL description, or code. Invokes the design-critic agent.

clarc

/design-critique

Structured design review, heuristic evaluation, feedback frameworks.

jm-adk

/design-critique

Conduct a structured design critique using the Liz Lerman Critical Response Process, scoring across 10 dimensions with heuristic-grounded feedback.

ux-ui-mastery

/design-critique

Get critical feedback on current design decisions

design-intelligence

/design-critique

workflows/

Facilitate a design critique to analyze visual designs and inform product decisions

product-playbook-for-agentic-coding

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitMar 19, 2026

Actions

View Source View Plugin View on GitHub View README

Tags

Vision Mode (Screenshot Input)

If $ARGUMENTS contains --screenshot <path>:

Extract the path: everything after --screenshot in the arguments

Read the image file at that path using the Read tool

Perform a direct vision-mode heuristic review (do not delegate to agent for vision mode):

Evaluate the screenshot against all 10 Nielsen heuristics
Note specific elements visible in the image that pass or fail each heuristic
Score each heuristic: ✓ Pass / ⚠ Partial / ✗ Fail
Provide 3-5 prioritized improvement recommendations

Output format:

## Design Critique: {filename}

### Heuristic Scores
| # | Heuristic | Score | Observation |
|---|-----------|-------|-------------|
| 1 | Visibility of system status | ✓/⚠/✗ | … |
...

### Top Recommendations
1. [Priority 1]
2. [Priority 2]
3. [Priority 3]

If $ARGUMENTS does NOT contain --screenshot:

Read and follow all instructions in ${CLAUDE_PLUGIN_ROOT}/agents/design-critique.md.

Input: $ARGUMENTS

If $ARGUMENTS contains a nodeId, target that specific frame. Otherwise, critique the current Figma selection.

/design-critique

Vision Mode (Screenshot Input)

If $ARGUMENTS contains --screenshot <path>:

Extract the path: everything after --screenshot in the arguments
Read the image file at that path using the Read tool
Perform a direct vision-mode heuristic review (do not delegate to agent for vision mode):
- Evaluate the screenshot against all 10 Nielsen heuristics
- Note specific elements visible in the image that pass or fail each heuristic
- Score each heuristic: ✓ Pass / ⚠ Partial / ✗ Fail
- Provide 3-5 prioritized improvement recommendations

Output format:

## Design Critique: {filename}

### Heuristic Scores
| # | Heuristic | Score | Observation |
|---|-----------|-------|-------------|
| 1 | Visibility of system status | ✓/⚠/✗ | … |
...

### Top Recommendations
1. [Priority 1]
2. [Priority 2]
3. [Priority 3]

If $ARGUMENTS does NOT contain --screenshot:

Read and follow all instructions in ${CLAUDE_PLUGIN_ROOT}/agents/design-critique.md.

Input: $ARGUMENTS

If $ARGUMENTS contains a nodeId, target that specific frame. Otherwise, critique the current Figma selection.