shadcn Component Discovery

Söker igenom hela det shadcn-kompatibla registerekosystemet innan du handbygger en UI-komponent.

av mattbx · mattbx/shadcn-skills

Testad · Fungerar ★ 9.2/10

shadcn Component Discovery — Söker igenom hela det shadcn-kompatibla registerekosystemet innan du handbygger en UI-komponent.

Vad den gör

Visar befintliga shadcn-kompatibla komponenter över 30+ register (Magic UI, Aceternity, ReUI, Animate UI, DiceUI, Tailark, AI Elements, etc.), inte bara de som redan deklarerats i användarens components.json. Utlöses proaktivt innan man bygger tabeller, formulär, modaler, dashboards eller animationer, och explicit vid fraser som 'find a component for...' eller 'is there something for...'.

Testrapport

Bad om en animerad partikel-/spotlight-hero-sektion: den ostyrda baslinjen nämnde två register från minnet med ingen installationsväg, medan färdighetens kurerade katalog (references/registries.md) returnerade fyra korrekt avgränsade register (Aceternity, Magic UI, Cult UI, Tailark) plus det exakta components.json URL-mall-snuttet som behövdes för att faktiskt koppla in en.

Testad: 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

Kommandon och exempelprompter

  • /shadcn-component-discoverySöker igenom hela det shadcn-kompatibla registerekosystemet innan du handbygger en UI-komponent.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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