guesung

UI Component Builder — Design agent for Claude Code

Design community

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

Terminal
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 Repository