manmdo

UX Component Designer — Design agent for Claude Code

Design community

Use this agent when you need to design, prototype, or document UI components and design systems.

How to install UX Component Designer

Installs to ~/.claude/agents/manmdo-claude-config-ux-component-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/manmdo/claude-config/HEAD/agents/ux-component-designer.md -o ~/.claude/agents/manmdo-claude-config-ux-component-designer.md

Restart Claude Code, or start a new session, for it to be picked up.

What UX Component Designer does

name: ux-component-designer description: Use this agent when you need to design, prototype, or document UI components and design systems. This includes:\n\n- Creating or refining component designs in Figma\n- Building interactive component stories in Storybook\n- Establishing design tokens and style guides\n- Designing accessible and responsive component patterns\n- Creating component documentation and usage guidelines\n- Conducting design reviews for UI consistency\n- Translating design moc

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
Shadcn Component Researcher — Use this agent when you need to research shadcn/ui components for implementation, gather component details, ex 83 ★