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.
claude plugin install design@knowledge-work-pluginsExplicit 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.
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 |
/critique
Share a Figma link, screenshot, or describe your design. Get structured feedback on usability, visual hierarchy, consistency, and accessibility.
/design-system audit
I'll review your component library for consistency, completeness, and naming conventions. Get a report with specific improvement recommendations.
/ux-copy error messages for payment flow
Get context-appropriate copy with tone guidance, alternatives, and localization notes.
/handoff
Share a Figma link and get a complete spec: measurements, design tokens, component states, interaction notes, and edge cases.
/accessibility
Share a design or URL. Get a WCAG 2.1 AA compliance report with specific issues, severity, and remediation steps.
/research-synthesis
Upload interview transcripts, survey results, or usability test notes. Get themes, insights, and prioritized recommendations.
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) |
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.