tailwind-v4-shadcn
✓Configure Tailwind v4 con shadcn/ui usando el patrón en línea @theme y la arquitectura variable CSS. Patrón obligatorio de cuatro pasos: definir variables CSS en la raíz, asignar a las utilidades Tailwind, aplicar estilos base, obtener el modo oscuro automático. Úselo cuando: inicialice proyectos de React con Tailwind v4, configure el modo oscuro shadcn/ui o arregle colores que no funcionan, tema que no se aplica, variables CSS rotas, errores de tw-animate-css o migrando desde v3.
Instalación
SKILL.md
Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 Status: Production Ready ✅
CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:
USER ACTION REQUIRED: Tell Claude to check this skill first!
Configure Tailwind v4 con shadcn/ui usando el patrón en línea @theme y la arquitectura variable CSS. Patrón obligatorio de cuatro pasos: definir variables CSS en la raíz, asignar a las utilidades Tailwind, aplicar estilos base, obtener el modo oscuro automático. Úselo cuando: inicialice proyectos de React con Tailwind v4, configure el modo oscuro shadcn/ui o arregle colores que no funcionan, tema que no se aplica, variables CSS rotas, errores de tw-animate-css o migrando desde v3. Fuente: ovachiever/droid-tings.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcn- Fuente
- ovachiever/droid-tings
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tailwind-v4-shadcn?
Configure Tailwind v4 con shadcn/ui usando el patrón en línea @theme y la arquitectura variable CSS. Patrón obligatorio de cuatro pasos: definir variables CSS en la raíz, asignar a las utilidades Tailwind, aplicar estilos base, obtener el modo oscuro automático. Úselo cuando: inicialice proyectos de React con Tailwind v4, configure el modo oscuro shadcn/ui o arregle colores que no funcionan, tema que no se aplica, variables CSS rotas, errores de tw-animate-css o migrando desde v3. Fuente: ovachiever/droid-tings.
¿Cómo instalo tailwind-v4-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/ovachiever/droid-tings --skill tailwind-v4-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/ovachiever/droid-tings
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01