🎨

Designers & UX teams

The Designer Workflow Stack

From user research and discovery through system design, critique, handoff, and accessibility — a complete design workflow with AI as a collaborator.

New to Agent Skills?

Click any skill below to read what it does, then install it into Claude Code, ChatGPT, Claude.ai, or another agent in minutes.

How to install →

Skills in this stack

🎨

Design User Research

Design

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.

Claude CodeClaude.ai
View & install →
🎨

Design Research Synthesis

Design

Synthesize 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.

Claude CodeClaude.ai
View & install →
🗺️

UX Researcher & Designer

Design

Build user personas, journey maps, testing protocols, and empathy maps — structured UX research and design thinking from an expert researcher.

Claude CodeCodex CLIGemini CLI
View & install →
🔎

Product Discovery Expert

Research

Validate opportunities before building — assumption mapping, Jobs-to-be-Done interviews, opportunity trees, and lightweight discovery frameworks.

Claude CodeCodex CLIGemini CLI
View & install →
🎨

UI Design System Builder

Design

Generate design tokens, typography scales, spacing grids, and responsive breakpoints — build or document a production-ready design system.

Claude CodeCodex CLIGemini CLI
View & install →
🎨

Design Design System

Design

Audit, 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.

Claude CodeClaude.ai
View & install →
🎨

Design Design Critique

Design

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.

Claude CodeClaude.ai
View & install →
🎨

Design UX Copy

Design

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.

Claude CodeClaude.ai
View & install →

Frontend Design

Design

Anthropic's official frontend-focused skill for UI exploration, interface thinking, and design execution support.

Claude CodeClaude.ai
View & install →
🎨

Design Accessibility Review

Design

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.

Claude CodeClaude.ai
View & install →
🎨

Design Design Handoff

Design

Generate 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.

Claude CodeClaude.ai
View & install →

Stack details

Skills
11
Audience
Designers & UX teams
License
Free & open source

Claude skills for designers and UX teams follow the actual design process from start to finish — research, synthesis, concept, system, critique, copy, and delivery. This stack treats Claude as a design collaborator, not just a writing tool.

What these skills do

Design User Research

Plan and run user research: discussion guides, interview protocols, survey design, and the framing that produces useful qualitative data rather than confirmation of what you already believe.

Design Research Synthesis

Turn raw research data into actionable insights — affinity mapping, theme extraction, persona development, and the synthesis formats that translate user findings into design decisions.

UX Researcher Designer

Bridge research and design — translating user needs into interaction patterns, flows, and feature hypotheses. Useful when you’re moving from discovery findings to initial design concepts.

Product Discovery

Structure the discovery process before committing to a design direction — problem framing, opportunity sizing, assumption mapping, and the prioritization logic that determines what’s worth building first.

UI Design System & Design Design System

Build and document design systems: component inventory, token definitions, usage guidelines, and the governance process that keeps a system coherent as it grows. The UI system skill focuses on the component layer; the design system skill covers the broader methodology.

Design Design Critique

Run structured critique sessions — providing and receiving feedback that’s specific, actionable, and tied to design goals rather than personal preference. Covers both self-critique frameworks and team critique facilitation.

Design UX Copy

Write interface copy — labels, error messages, empty states, onboarding flows, tooltips — that communicates clearly at the scale and context of UI. Different from general copywriting: shorter, more constrained, and tied directly to user actions.

Frontend Design

Translate design decisions into production-ready frontend code — component markup, CSS, and the implementation details that make the built product match the design intent.

Design Accessibility Review

Audit designs and interfaces against WCAG standards — color contrast, keyboard navigation, screen reader compatibility, focus management, and the common accessibility patterns that affect real users.

Design Design Handoff

Prepare designs for developer handoff — annotations, specs, redlines, and the documentation that gives engineers what they need to build accurately without constant back-and-forth.

Who this is for

  • UX and product designers running end-to-end design work
  • Design teams that want consistent process and output quality across projects
  • Founders or engineers who need structured design thinking without a full design team

For more skills by the designers audience, see the designers audience page. If you’re building a product from scratch and need design alongside technical execution, see the Indie Hacker Stack.