shadcn
✓Esta habilidad debe usarse cuando el usuario solicita "agregar un componente", "usar shadcn", "instalar botón", "crear cuadro de diálogo", "agregar formulario", "usar DataTable", "implementar alternancia de modo oscuro", "usar la utilidad cn" o analiza componentes de la interfaz de usuario, bibliotecas de componentes o componentes accesibles. Utilice siempre la última versión de shadcn/ui y patrones modernos.
Instalación
SKILL.md
This skill provides guidance for building interfaces with shadcn/ui, focusing on always using the latest version and modern patterns.
Philosophy: Copy and own your components. Use the new-york style. Leverage Radix UI primitives for accessibility.
| Style | new-york | default (deprecated) | | Toast | sonner | toast component | | Animation | CSS/tw-animate-css | tailwindcss-animate | | forwardRef | Direct ref prop (React 19) | forwardRef wrapper |
Esta habilidad debe usarse cuando el usuario solicita "agregar un componente", "usar shadcn", "instalar botón", "crear cuadro de diálogo", "agregar formulario", "usar DataTable", "implementar alternancia de modo oscuro", "usar la utilidad cn" o analiza componentes de la interfaz de usuario, bibliotecas de componentes o componentes accesibles. Utilice siempre la última versión de shadcn/ui y patrones modernos. Fuente: velcrafting/codex-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/velcrafting/codex-skills --skill shadcn- Fuente
- velcrafting/codex-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es shadcn?
Esta habilidad debe usarse cuando el usuario solicita "agregar un componente", "usar shadcn", "instalar botón", "crear cuadro de diálogo", "agregar formulario", "usar DataTable", "implementar alternancia de modo oscuro", "usar la utilidad cn" o analiza componentes de la interfaz de usuario, bibliotecas de componentes o componentes accesibles. Utilice siempre la última versión de shadcn/ui y patrones modernos. Fuente: velcrafting/codex-skills.
¿Cómo instalo shadcn?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/velcrafting/codex-skills --skill shadcn Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/velcrafting/codex-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01