shadcn Component Discovery

Busca en todo el ecosistema de registro compatible con shadcn antes de que construyas un componente de UI manualmente.

Por mattbx · mattbx/shadcn-skills

Probado · Funciona ★ 9.2/10

shadcn Component Discovery — Busca en todo el ecosistema de registro compatible con shadcn antes de que construyas un componente de UI manualmente.

Qué hace

Muestra componentes compatibles con shadcn existentes en más de 30 registros (Magic UI, Aceternity, ReUI, Animate UI, DiceUI, Tailark, AI Elements, etc.), no solo los que ya están declarados en el components.json del usuario. Se activa de forma proactiva antes de construir tablas, formularios, modales, paneles o animaciones, y explícitamente ante frases como 'buscar un componente para...' o '¿hay algo para...?'.

Informe de la prueba

Se solicitó una sección principal animada de partículas/foco: la línea base sin guía nombró dos registros de memoria sin ruta de instalación, mientras que el catálogo curado de la habilidad (references/registries.md) devolvió cuatro registros con el alcance correcto (Aceternity, Magic UI, Cult UI, Tailark) más el fragmento de plantilla de URL de components.json exacto necesario para conectarlo realmente.

Probado el: 2026-07-16 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /shadcn-component-discoveryBusca en todo el ecosistema de registro compatible con shadcn antes de que construyas un componente de UI manualmente.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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