plugin · v1.2.0
design
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
- Curated
- design
- ux
you ›install the design plugin
metaphor ›Signature and checksum check out. Installed design 1.2.0.
you ›/accessibility-review
7 skills inside
- /accessibility-reviewSkillRun a WCAG 2.1 AA accessibility audit on a design or page.in design
- /design-critiqueSkillGet structured design feedback on usability, hierarchy, and consistency.in design
- /design-handoffSkillGenerate developer handoff specs from a design.in design
- /design-systemSkillAudit, document, or extend your design system.in design
- /research-synthesisSkillSynthesize user research into themes, insights, and recommendations.in design
- /user-researchSkillPlan, conduct, and synthesize user research.in design
- /ux-copySkillWrite or review UX copy — microcopy, error messages, empty states, CTAs.in design
Tool servers
- slack
- figma
- linear
- asana
- atlassian
- notion
- intercom
About
A design productivity plugin primarily designed for Cowork, Anthropic's agentic desktop application — though it also works in Claude Code. Helps with design critique, system management, UX writing, accessibility, research synthesis, and developer handoff. Works with any design team — standalone with your input, supercharged when you connect Figma and other tools.
Installation
claude plugin marketplace add anthropics/knowledge-work-plugins
claude plugin install design@knowledge-work-plugins
Commands
Explicit workflows you invoke with a slash command:
| Command | Description |
|---|---|
/critique |
Get structured design feedback — usability, visual hierarchy, accessibility, and consistency |
/design-system |
Audit, document, or extend your design system — components, tokens, patterns |
/handoff |
Generate developer handoff specs — measurements, tokens, states, interactions, and edge cases |
/ux-copy |
Write or review UX copy — microcopy, error messages, empty states, onboarding flows |
/accessibility |
Run an accessibility audit — WCAG compliance, color contrast, screen reader, and keyboard navigation |
/research-synthesis |
Synthesize user research — interviews, surveys, usability tests into actionable insights |
All commands work standalone (describe your design or paste screenshots) and get supercharged with MCP connectors.
Skills
Domain knowledge Claude uses automatically when relevant:
| Skill | Description |
|---|---|
design-critique |
Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles |
design-system-management |
Manage design tokens, component libraries, and pattern documentation |
ux-writing |
Write effective microcopy — clear, concise, consistent, and brand-aligned |
accessibility-review |
Audit designs and code for WCAG 2.1 AA compliance |
user-research |
Plan, conduct, and synthesize user research — interviews, surveys, usability testing |
design-handoff |
Create comprehensive developer handoff documentation from designs |
Example Workflows
Getting Design Feedback
/critique
Share a Figma link, screenshot, or describe your design. Get structured feedback on usability, visual hierarchy, consistency, and accessibility.
Auditing Your Design System
/design-system audit
I'll review your component library for consistency, completeness, and naming conventions. Get a report with specific improvement recommendations.
Writing UX Copy
/ux-copy error messages for payment flow
Get context-appropriate copy with tone guidance, alternatives, and localization notes.
Developer Handoff
/handoff
Share a Figma link and get a complete spec: measurements, design tokens, component states, interaction notes, and edge cases.
Accessibility Check
/accessibility
Share a design or URL. Get a WCAG 2.1 AA compliance report with specific issues, severity, and remediation steps.
Synthesizing Research
/research-synthesis
Upload interview transcripts, survey results, or usability test notes. Get themes, insights, and prioritized recommendations.
Standalone + Supercharged
Every command and skill works without any integrations:
| What You Can Do | Standalone | Supercharged With |
|---|---|---|
| Design critique | Describe or screenshot | Figma MCP (pull designs directly) |
| Design system | Describe your system | Figma MCP (audit component library) |
| Handoff specs | Describe or screenshot | Figma MCP (exact measurements, tokens) |
| UX copy | Describe the context | Knowledge base (brand voice guidelines) |
| Accessibility | Describe or screenshot | Figma MCP, analytics for real usage data |
| Research synthesis | Paste transcripts | User feedback tools (pull raw data) |
MCP Integrations
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
Connect your tools for a richer experience:
| Category | Examples | What It Enables |
|---|---|---|
| Design tool | Figma | Pull designs, inspect components, access design tokens |
| User feedback | Intercom, Productboard | Raw feedback, feature requests, NPS data |
| Project tracker | Linear, Asana, Jira | Link designs to tickets, track implementation |
| Knowledge base | Notion | Brand guidelines, design principles, research repository |
| Product analytics | Amplitude, Mixpanel | Usage data for research synthesis and design decisions |
See CONNECTORS.md for the full list of supported integrations.
Questions
What does the design plugin do?
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
How do I install design in Metaphor?
Ask the agent: "install the design plugin". Metaphor downloads it from the signed catalog, checks the signature and checksum, and shows you what it can access before it turns on.
What can design access?
It can connect to the internet. Metaphor asks you to approve that before the plugin runs.
Which skills come with design?
/accessibility-review, /design-critique, /design-handoff, /design-system, /research-synthesis, /user-research, /ux-copy. After installing, type one in the composer or describe the task and Metaphor picks the right skill.
Who made design?
It is adapted from Anthropic's https://github.com/anthropics/knowledge-work-plugins under the Apache-2.0 license, reviewed and packaged for Metaphor. It is not endorsed by the original authors.
You might also like
- frontend-designPluginFrontend design skill for UI/UX implementationv1.0.01 skill
- web-auditPlugin✓ VerifiedLighthouse audits for any URL: performance, accessibility, best practices and SEO scores with the fixes that matter, run on headless Chrome.v1.0.11 skill1 tool
- commit-commandsPluginStreamline your git workflow with simple commands for committing, pushing, and creating pull requestsv1.0.03 skills