shadcn-component-review
✓Revise los componentes y diseños personalizados comparándolos con los patrones de diseño shadcn, los estilos de tema (Maia, Vega, Lyra, Nova, Mira), la estructura de los componentes, la componibilidad y las mejores prácticas de Radix UI. Úselo al planificar nuevos componentes, revisar componentes existentes, auditar el espaciado, verificar la estructura de los componentes o verificar la alineación de las mejores prácticas de shadcn.
Instalación
SKILL.md
Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.
Use gap- for flex/grid containers. Spacing varies by theme style:
| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |
Revise los componentes y diseños personalizados comparándolos con los patrones de diseño shadcn, los estilos de tema (Maia, Vega, Lyra, Nova, Mira), la estructura de los componentes, la componibilidad y las mejores prácticas de Radix UI. Úselo al planificar nuevos componentes, revisar componentes existentes, auditar el espaciado, verificar la estructura de los componentes o verificar la alineación de las mejores prácticas de shadcn. Fuente: mattbx/shadcn-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/mattbx/shadcn-skills --skill shadcn-component-review- Fuente
- mattbx/shadcn-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-17
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es shadcn-component-review?
Revise los componentes y diseños personalizados comparándolos con los patrones de diseño shadcn, los estilos de tema (Maia, Vega, Lyra, Nova, Mira), la estructura de los componentes, la componibilidad y las mejores prácticas de Radix UI. Úselo al planificar nuevos componentes, revisar componentes existentes, auditar el espaciado, verificar la estructura de los componentes o verificar la alineación de las mejores prácticas de shadcn. Fuente: mattbx/shadcn-skills.
¿Cómo instalo shadcn-component-review?
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/mattbx/shadcn-skills --skill shadcn-component-review 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/mattbx/shadcn-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-17