plugins/shadcn-expert/skills/shadcn-registries/SKILL.md
Configure shadcn/ui registries, components.json, and CLI commands. Covers default Radix registry, Base UI registry, and custom registries.
npx skillsauth add fusengine/agents shadcn-registriesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Before registry configuration, use TeamCreate:
After: Run fuse-ai-pilot:sniper for validation.
| Registry | Primitives | Style |
|----------|-----------|-------|
| @shadcn (default) | Radix UI | new-york, default |
| @basecn | Base UI | base-vega |
| Custom | Any | Custom |
project/
├── components.json # shadcn/ui configuration
├── components/ui/ # Generated components
└── lib/utils.ts # Utility functions (cn)
-> See registry-setup.md for complete setup
ALWAYS use detected package manager (run shadcn-detection first).
{runner} = bunx | npx | pnpm dlx | yarn dlx
# Initialize
{runner} shadcn@latest init
{runner} shadcn@latest init --style new-york
# Add components (default registry = Radix)
{runner} shadcn@latest add button dialog select
# Add from Base UI registry
{runner} shadcn@latest add --registry=basecn button dialog
mcp__shadcn__search_items_in_registries -> find component
mcp__shadcn__get_add_command_for_items -> get exact CLI command
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "new-york",
"tailwind": { "config": "tailwind.config.ts", "css": "app/globals.css" },
"aliases": { "components": "@/components", "utils": "@/lib/utils" }
}
-> See registry-config.md for full schema
| Topic | Reference | When to Consult | |-------|-----------|-----------------| | Registry Config | registry-config.md | Setting up components.json |
| Template | When to Use | |----------|-------------| | registry-setup.md | Initial project setup |
development
Use when optimizing entity-based / semantic SEO 2026. Covers entity maps, Google Knowledge Graph resolution, salience scoring, passage-level ranking, about/sameAs/knowsAbout schema, Cloud Natural Language API validation.
development
Use when running SEO, GEO, schema, Core Web Vitals, sitemap, hreflang, E-E-A-T, AI Overviews, technical SEO, or structured data tasks. Covers full-site audits, single-page analysis, schema markup, content quality, AI search optimization, local SEO, sitemap/robots, internal linking, semantic clustering, and search experience.
development
Use when optimizing search experience (SXO). Covers intent matching, user personas, user stories, page-type analysis, dwell time, scroll depth, pogo-sticking prevention.
development
Use when optimizing local SEO. Covers Google Business Profile, NAP consistency, citations, reviews acquisition, Local Pack ranking, location pages, LocalBusiness schema.