shadcn
Mejores prácticas y patrones de la biblioteca de componentes shadcn/ui (anteriormente shadcn-ui). Esta habilidad debe usarse al escribir, revisar o refactorizar componentes shadcn/ui para garantizar una arquitectura, accesibilidad y rendimiento adecuados. Activadores de tareas que involucran primitivas de Radix, estilo Tailwind, validación de formularios con React Hook Form, tablas de datos, temas o patrones de composición de componentes.
Instalación
SKILL.md
Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |
| 8 | State Management | LOW-MEDIUM | state- |
Mejores prácticas y patrones de la biblioteca de componentes shadcn/ui (anteriormente shadcn-ui). Esta habilidad debe usarse al escribir, revisar o refactorizar componentes shadcn/ui para garantizar una arquitectura, accesibilidad y rendimiento adecuados. Activadores de tareas que involucran primitivas de Radix, estilo Tailwind, validación de formularios con React Hook Form, tablas de datos, temas o patrones de composición de componentes. Fuente: thongdn-it/react-agent-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/thongdn-it/react-agent-skills --skill shadcn- Categoría
- </>Desarrollo
- Verificado
- —
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es shadcn?
Mejores prácticas y patrones de la biblioteca de componentes shadcn/ui (anteriormente shadcn-ui). Esta habilidad debe usarse al escribir, revisar o refactorizar componentes shadcn/ui para garantizar una arquitectura, accesibilidad y rendimiento adecuados. Activadores de tareas que involucran primitivas de Radix, estilo Tailwind, validación de formularios con React Hook Form, tablas de datos, temas o patrones de composición de componentes. Fuente: thongdn-it/react-agent-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/thongdn-it/react-agent-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/thongdn-it/react-agent-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- user
- Primera vez visto
- 2026-02-01