shadcn Component Discovery

Cerca nell'intero ecosistema di registri compatibili con shadcn prima di costruire manualmente un componente UI.

Promosso ★ 9.2/10

Cosa fa

Individua componenti compatibili con shadcn esistenti in oltre 30 registri (Magic UI, Aceternity, ReUI, Animate UI, DiceUI, Tailark, AI Elements, ecc.), non solo quelli già dichiarati nel file components.json dell'utente. Si attiva proattivamente prima di costruire tabelle, moduli, modali, dashboard o animazioni, ed esplicitamente su frasi come 'trova un componente per...' o 'c'è qualcosa per...'.

Rapporto di test

Ha chiesto una sezione hero animata con particelle/spotlight: la baseline non guidata ha nominato due registri a memoria senza percorso di installazione, mentre il catalogo curato della skill (references/registries.md) ha restituito quattro registri correttamente inquadrati (Aceternity, Magic UI, Cult UI, Tailark) più lo snippet esatto del modello components.json necessario per collegarne uno effettivamente.

Testato il: 2026-07-16 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/mattbx/shadcn-skills
cd shadcn-skills
mkdir -p ~/.claude/skills
cp -r skills/shadcn-component-discovery ~/.claude/skills/shadcn-component-discovery

Comandi e prompt di esempio

/shadcn-component-discoveryCerca nell'intero ecosistema di registri compatibili con shadcn prima di costruire manualmente un componente UI.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

Is there an existing component for an animated spotlight hero section?
Find me a shadcn-compatible data table before I build one by hand
Search other registries for a modal component, not just my own

Rapporto completo →