shadcn Component Discovery

Zoekt het hele shadcn-compatibele register-ecosysteem af voordat u handmatig een UI-component bouwt.

Door mattbx · mattbx/shadcn-skills

Getest · Werkt ★ 9.2/10

shadcn Component Discovery — Zoekt het hele shadcn-compatibele register-ecosysteem af voordat u handmatig een UI-component bouwt.

Wat het doet

Toont bestaande shadcn-compatibele componenten over 30+ registers (Magic UI, Aceternity, ReUI, Animate UI, DiceUI, Tailark, AI Elements, etc.), niet alleen die al zijn gedeclareerd in de components.json van de gebruiker. Activeert proactief voordat tabellen, formulieren, modals, dashboards of animaties worden gebouwd, en expliciet op formuleringen zoals 'find a component for...' of 'is there something for...'.

Testrapport

Vroeg om een geanimeerde deeltjes-/spotlight-hero-sectie: de ongeleide baseline noemde twee registers uit het geheugen zonder installatiepad, terwijl de samengestelde catalogus van de skill (references/registries.md) vier correct gescopen registers (Aceternity, Magic UI, Cult UI, Tailark) retourneerde plus het exacte components.json URL-sjabloonfragment dat nodig was om er daadwerkelijk een aan te sluiten.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /shadcn-component-discoveryZoekt het hele shadcn-compatibele register-ecosysteem af voordat u handmatig een UI-component bouwt.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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