Design

Skills (7)

Claude uses these on its own when your request matches.

• accessibility-reviewRun a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.
• design-critiqueGet structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.
• design-handoffGenerate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, and animation details.
• design-systemAudit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.
• research-synthesisSynthesize user research into themes, insights, and recommendations. Use when you have interview transcripts, survey results, usability test notes, support tickets, or NPS responses that need to be distilled into patterns, user segments, and prioritized next steps.
• user-researchPlan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test", "survey design", "research questions", or when the user needs help with any aspect of understanding their users through research.
• ux-copyWrite or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.

MCP servers (9)

Added to Claude Code when you install the plugin. You sign in to Design the first time it is used.

• slackRemotehttps://mcp.slack.com/mcp
• figmaRemotehttps://mcp.figma.com/mcp
• linearRemotehttps://mcp.linear.app/mcp
• asanaRemotehttps://mcp.asana.com/v2/mcp
• atlassianRemotehttps://mcp.atlassian.com/v1/mcp
• notionRemotehttps://mcp.notion.com/mcp
• intercomRemotehttps://mcp.intercom.com/mcp
• google calendarRemote
• gmailRemote

Install

claude plugin marketplace add anthropics/knowledge-work-plugins && claude plugin install design@knowledge-work-plugins

/plugin marketplace add anthropics/knowledge-work-plugins

/plugin install design@knowledge-work-plugins

More for Design on Claude

1. 1VVercel Web Design GuidelinesSkillReview interface code for accessibility, usability and web design guideline compliance.
2. 2TType Design AnalyzerAgentUse this agent when you need expert analysis of type design in your codebase.36krepo stars