Design systemDesign
Apple Human Interface Guidelines
Apple's platform design guidance: foundations, patterns, components, inputs, technologies.
Sourcedeveloper.apple.com/design/human-interface-guidelines
Apple terms; link only
Plugin
Design plugin (knowledge-work-plugins)
Original text · EnglishA 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.
https://github.com/anthropics/knowledge-work-plugins/tree/main/design
Install
claude plugin marketplace add anthropics/knowledge-work-pluginsRepublished in full under its license, with attribution. The source is authoritative.
Design Plugin
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](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](CONNECTORS.md) for the full list of supported integrations.
Related
Style libraryDesign
UI Hub (Incidental AI UI resource hub) — llms.txt / api
Curated multilingual directory of ~2,391 public UI resources with visual-style (vs) facets, design KB (specs, skills), JSON endpoints and a recommended design-skill workflow.
Sourcesiinxu.github.io/ui-resource-hub/llms.txt
aggregator; per-item license
WorkflowDesign
UI Hub skills.json (recommended design workflow)
Workflow: pick ONE direction skill (frontend-design or taste-skill) → search resources by style/kind → build with emil-design-eng → audit with impeccable + web-design-guidelines + accessibility → verify in browser light+dark, mobile.
Sourcesiinxu.github.io/ui-resource-hub/api/skills.json
aggregator
SkillDesign
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Sourcegithub.com/anthropics/skills/blob/main/skills/algorithmic-art/SKILL.md
Apache-2.0
SkillDesign
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Sourcegithub.com/anthropics/skills/blob/main/skills/canvas-design/SKILL.md
Apache-2.0
CaseDesign
Multimodal Design Agent Team
A Streamlit application that provides comprehensive design analysis using a team of specialized AI agents powered by Google's Gemini model.
Sourcegithub.com/Shubhamsaboo/awesome-llm-apps/tree/main/advanced_ai_agents/multi_agent_apps/agent_teams/multimodal_design_agent_team
Apache-2.0