302ai

UI Component Expert — Design agent for Claude Code

Design community

Use this agent when working with UI components in this project, including component library maintenance, usage questions, modifications, or improvements.

How to install UI Component Expert

Installs to ~/.claude/agents/302ai-302-ai-studio_down-ui-component-expert.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/302ai/302-AI-Studio_down/HEAD/.claude/agents/ui-component-expert.md -o ~/.claude/agents/302ai-302-ai-studio_down-ui-component-expert.md

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

What UI Component Expert does

name: ui-component-expert description: Use this agent when working with UI components in this project, including component library maintenance, usage questions, modifications, or improvements. Examples: Context: User needs help implementing a React Aria component with proper accessibility patterns. user: 'How do I create a custom button component using React Aria that follows our project's design system?' assistant: 'I'll use the ui-component-expert agent to help you create a proper

Alternatives in Design

React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★
Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Inspiration Scout — Use this agent to find aesthetic references, interaction examples, and visual inspiration that match the proje 240 ★