shadcn-ui
✓Úselo al crear interfaces de usuario de React con bibliotecas de componentes, implementar formularios, diálogos, navegación o visualización de datos. Úselo cuando el usuario mencione shadcn, Radix UI, Base UI o pregunte sobre los componentes accesibles de React. Sugiera de forma proactiva al crear una interfaz de usuario que se beneficiaría de componentes accesibles prediseñados con estilo Tailwind CSS.
Instalación
SKILL.md
ShadCN/UI is a collection of beautifully-designed, accessible components built with TypeScript, Tailwind CSS, and headless UI primitives (Base UI or Radix UI). Unlike traditional component libraries, ShadCN uses a copy-paste model - components are copied into YOUR project, giving you full ownership and customization control.
Core Principle: You own the code. Components live in your project (typically src/components/ui/), not in nodemodules. This fundamentally changes how you think about customization - edit the source directly.
| Base UI | Prefer MUI ecosystem, need unstyled primitives with strong React patterns | | Radix UI | Want extensive primitive catalog, strong accessibility defaults |
Úselo al crear interfaces de usuario de React con bibliotecas de componentes, implementar formularios, diálogos, navegación o visualización de datos. Úselo cuando el usuario mencione shadcn, Radix UI, Base UI o pregunte sobre los componentes accesibles de React. Sugiera de forma proactiva al crear una interfaz de usuario que se beneficiaría de componentes accesibles prediseñados con estilo Tailwind CSS. Fuente: akornmeier/claude-config.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/akornmeier/claude-config --skill shadcn-ui- Fuente
- akornmeier/claude-config
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es shadcn-ui?
Úselo al crear interfaces de usuario de React con bibliotecas de componentes, implementar formularios, diálogos, navegación o visualización de datos. Úselo cuando el usuario mencione shadcn, Radix UI, Base UI o pregunte sobre los componentes accesibles de React. Sugiera de forma proactiva al crear una interfaz de usuario que se beneficiaría de componentes accesibles prediseñados con estilo Tailwind CSS. Fuente: akornmeier/claude-config.
¿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/akornmeier/claude-config --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/akornmeier/claude-config
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05