Design
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
7 skills · version 1.2.0
Install
hrida-agent-sdk plugin install design@knowledge-work-skillsOr, inside a session: /plugin install design@knowledge-work-skills. See Installation for scopes and updates.
Connectors
Skills work on their own with files you share, and get more useful when these tools are connected (configured in the plugin's .mcp.json):
Slack, Figma, Linear, Asana, Atlassian, Notion, Intercom, Google Calendar, Gmail.
Skills
| Skill | What it does | Use case | How to use |
|---|---|---|---|
| accessibility-review | Run 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:accessibility-review <Figma URL, URL, or description> |
| design-critique | Get 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:design-critique <Figma URL, screenshot, or description> |
| design-handoff | Generate developer handoff specs from a design. | 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:design-handoff <Figma URL or design description> |
| design-system | Audit, document, or extend your design system. | 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. | /design:design-system [audit | document | extend] <component or system> |
| research-synthesis | Synthesize user research into themes, insights, and recommendations. | 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. | /design:research-synthesis <research data, transcripts, or survey results> |
| user-research | Plan, 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. | /design:user-research |
| ux-copy | Write 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. | /design:ux-copy <context or copy to review> |
Example
Ask in plain language and the right skill loads automatically, or call one directly:
/design:accessibility-review <Figma URL, URL, or description>