design

Run a WCAG accessibility audit on a design or page

Get structured design feedback on usability, hierarchy, and consistency

Audit, document, or extend your design system

Generate developer handoff specs from a design

Synthesize user research into themes, insights, and recommendations

Audit designs and code for WCAG 2.1 AA compliance. Trigger with "is this accessible", "accessibility check", "WCAG audit", "can screen readers use this", "color contrast", or when the user asks about making designs or code accessible to all users.

Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles. Trigger with "what do you think of this design", "give me feedback on", "critique this", "review this mockup", or when the user shares a design and asks for opinions.

Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer specs", "implementation notes", "design specs for developers", or when a design needs to be translated into detailed implementation guidance.

Audit, document, or extend a design system — including component inventories, token mapping, and pattern documentation. Use this skill whenever the user mentions "design system", "component library", "design tokens", "style guide", "token gap", or asks to check whether a design is using a specific UI library (e.g. Nuxt UI, shadcn, MUI, Chakra). Also trigger when a Figma URL is provided alongside a reference to a component library, coding framework, or brand standards — even if the user doesn't use the phrase "design system".

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.