Name: shadcn/ui
Author: shadcn/ui

shadcn/ui

Ayuda que conoce tu proyecto para agregar, combinar y tematizar componentes de shadcn/ui correctamente.

Oficial del fabricantede shadcn/uiVerificado el 18 de octubre de 2026

Instala shadcn/ui gratis

Deja tu email y los pasos de instalación se abren aquí mismo: un prompt para pegar en tu herramienta de IA. Sirve para las 149 skills.

La skill oficial del proyecto shadcn/ui. Primero lee la configuración de tu proyecto, así Claude usa el framework, los alias y los componentes instalados correctos en lugar de adivinar.

Para quién es

Desarrolladores frontend
Indie hackers
Vibe coders

Prompts para probar

Cuando la skill esté instalada, pide el resultado con tus palabras. Tu herramienta de IA usa la skill sola.

Prompt 1

Agrega un formulario de inicio de sesión con correo y contraseña usando shadcn

Prompt 2

Crea una página de configuración con pestañas y un formulario de perfil

Prompt 3

Cambia este proyecto a un nuevo preset y actualiza el tema

Cómo instalarla

Las skills siguen el estándar abierto Agent Skills, así que esta no depende de una sola empresa. Elige la herramienta de IA que usas. ¿No lo tienes claro? La primera pestaña cubre la mayoría en un solo paso.

Lo más fácil: pega esto en tu herramienta de IA

Instala esta skill para que funcione en todos mis proyectos: ejecuta `npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g -y` en mi terminal. Si falta Node.js, dime primero cómo instalarlo. Cuando termines, confirma que la skill quedó instalada y dime cómo empezar a usarla.

O hazlo tú mismo:

Un solo comando instala la skill en las herramientas de IA de tu computadora. Detecta las que tienes y te pregunta en cuáles añadirla: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode y más de 60 más.

$npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g

Necesitas tener Node.js instalado (gratis, en nodejs.org). La opción -g hace que la skill esté disponible en todos tus proyectos.

Bueno saber: Se activa en proyectos que tienen un archivo components.json.

Desbloquea los pasos de instalación

Gratis. Deja tu email una vez para abrir los pasos de instalación de las 149 skills y recibir cada mes las mejores skills nuevas.

Cómo lo verificamos

Confirmamos la skill en su fuente original el 18 de octubre de 2026: el SKILL.md está donde debe estar, los archivos se actualizaron en el último año y la licencia permite usarla. Todavía no la hemos probado en una tarea.