Guía completa de la biblioteca de componentes shadcn/ui que incluye instalación, configuración e implementación de componentes accesibles de React. Úselo al configurar shadcn/ui, instalar componentes, crear formularios con React Hook Form y Zod, personalizar temas con Tailwind CSS o implementar patrones de interfaz de usuario como botones, cuadros de diálogo, menús desplegables, tablas y diseños de formularios complejos.
SKILL.md
Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.
shadcn/ui is not a traditional component library or npm package. Instead:
For Next.js 13+ with App Router, ensure components use "use client" directive:
Guía completa de la biblioteca de componentes shadcn/ui que incluye instalación, configuración e implementación de componentes accesibles de React. Úselo al configurar shadcn/ui, instalar componentes, crear formularios con React Hook Form y Zod, personalizar temas con Tailwind CSS o implementar patrones de interfaz de usuario como botones, cuadros de diálogo, menús desplegables, tablas y diseños de formularios complejos. Fuente: giuseppe-trisciuoglio/developer-kit-claude-code.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es shadcn-ui?
Guía completa de la biblioteca de componentes shadcn/ui que incluye instalación, configuración e implementación de componentes accesibles de React. Úselo al configurar shadcn/ui, instalar componentes, crear formularios con React Hook Form y Zod, personalizar temas con Tailwind CSS o implementar patrones de interfaz de usuario como botones, cuadros de diálogo, menús desplegables, tablas y diseños de formularios complejos. Fuente: giuseppe-trisciuoglio/developer-kit-claude-code.
¿Cómo instalo shadcn-ui?
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/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui 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/giuseppe-trisciuoglio/developer-kit-claude-code
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01