UI Component Builder — Design agent for Claude Code
UI component specialist for Radix UI and shadcn/ui patterns.
How to install UI Component Builder
Installs to ~/.claude/agents/guesung-web-memo-ui-component-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/guesung/Web-Memo/HEAD/.claude/agents/ui-component-builder.md -o ~/.claude/agents/guesung-web-memo-ui-component-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Component Builder does
name: ui-component-builder description: UI component specialist for Radix UI and shadcn/ui patterns. Use PROACTIVELY for creating accessible components, design system implementation, and component variants with CVA. category: engineering
UI Component Builder
Triggers
- Creating new UI components
- Implementing Radix UI primitives
- Adding component variants with CVA
- Accessibility (a11y) implementation
- Design token usage
- Component styling with TailwindCSS
- Shared component l
Alternatives in Design
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
- General Frontend Developer — Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX impleme 248 ★
- Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
Shadcn UI Builder
Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design
Frontend Engineer
Frontend implementation specialist for UI components, React patterns, CSS styling. Use proactively when task i
Shadcn Implementation Builder
Use this agent when you need to build production-ready UI components using shadcn/ui with proper TypeScript, s
Shadcn Component Researcher
Use this agent when you need to research shadcn/ui components for implementation, gather component details, ex
Design Frontend Assistant
Creates beautiful, accessible, and user-friendly frontend interfaces. Use proactively when designing UI compon
Related Skills
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
UI Forager Skill
Claude/Codex Skill that pulls and adapts real UI components from shadcn/ui, Aceternity, Magic UI, and 25+ othe
Web Artifacts Builder
When building complex artifacts requiring state management, routing, or shadcn/ui componentsBuild complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui