shadcn Component Discovery

Durchsucht das gesamte shadcn-kompatible Registry-Ökosystem, bevor Sie eine UI-Komponente von Hand erstellen.

von mattbx · mattbx/shadcn-skills

Getestet · Funktioniert ★ 9.2/10

shadcn Component Discovery — Durchsucht das gesamte shadcn-kompatible Registry-Ökosystem, bevor Sie eine UI-Komponente von Hand erstellen.

Was es kann

Zeigt vorhandene shadcn-kompatible Komponenten über mehr als 30 Registries (Magic UI, Aceternity, ReUI, Animate UI, DiceUI, Tailark, AI Elements usw.) an, nicht nur die bereits in der components.json des Benutzers deklarierten. Wird proaktiv ausgelöst, bevor Tabellen, Formulare, Modals, Dashboards oder Animationen erstellt werden, und explizit bei Formulierungen wie 'find a component for...' oder 'is there something for...'.

Testbericht

Fragte nach einem animierten Partikel-/Spotlight-Hero-Bereich: Die ungesteuerte Baseline nannte zwei Registries aus dem Gedächtnis ohne Installationspfad, während der kuratierte Katalog des Skills (references/registries.md) vier korrekt abgegrenzte Registries (Aceternity, Magic UI, Cult UI, Tailark) plus das exakte components.json URL-Template-Snippet zurückgab, das tatsächlich zum Einbinden benötigt wird.

Getestet am: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

  • /shadcn-component-discoveryDurchsucht das gesamte shadcn-kompatible Registry-Ökosystem, bevor Sie eine UI-Komponente von Hand erstellen.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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