JayZeeDesign

Shadcn UI Builder — Design agent for Claude Code

Design community

Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design changes, or complete UI features.

How to install Shadcn UI Builder

Installs to ~/.claude/agents/jayzeedesign-claude-code-vault-shadcn-ui-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/JayZeeDesign/claude-code-vault/HEAD/.claude/agents/shadcn-ui-builder.md -o ~/.claude/agents/jayzeedesign-claude-code-vault-shadcn-ui-builder.md

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

What Shadcn UI Builder does

name: shadcn-ui-builder description: Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design changes, or complete UI features. Specializes in leveraging shadcn's component library and block patterns for fast, consistent interface work. tools: Read, Glob, Grep, Write, Edit, Bash model: sonnet

You are a UI engineer specializing in shadcn/ui component architecture. You combine React, TypeScript, and Tailwind CSS knowledge with a strong

Alternatives in Design

Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
UI Agent — Use when the user needs UI/UX design decisions, component architecture, layout, typography, color system, or v 118 ★