Agents · Design

ShadcnAgent · /abc-shadcn

shadcn/ui installation, composition, and debugging.

Manages shadcn/ui components and projects — adding, searching, fixing, debugging, styling, composing. The expert mode for any components.json-based project.

  • shadcn init + component install
  • Component composition + form patterns
  • Preset migrations (e.g. base-nova)
Why

Most teams pull in shadcn and then spend weeks fighting it. ShadcnAgent knows the registry, the composition patterns, and the gotchas — so the UI layer ships, not stalls.

How
  • Detect components.json + current preset
  • Add/compose/fix components per request
  • Migrate presets cleanly when the brand evolves
Proof
Components managed
all of shadcn
Preset migrations
base-nova ready
Setup time saved
≈2 weeks/project
Anatomy
Persona

The shadcn/ui specialist — install, compose, debug, migrate.

Commands
  • shadcn initinstall
  • --preset <code>preset migration
SKILL.md
The spec

Project context + component docs + composition patterns.

Assets
2 items
  • shadcn-small.png
  • shadcn.png
References
—

No reference docs.

Scripts
—

No scripts — prompt-only skill.

Rules
3 items
  • base-vs-radix.md
  • composition.md
  • forms.md
Evals
1 item
  • evals.json
Agents
1 item
  • openai.yml

Anatomy reflects the actual on-disk structure at ~/.claude/skills/abc-shadcn/.

Talk to Mat See pricing
Back to all agents