¿Qué hace tailwind-4-docs?
Documentación completa de Tailwind CSS v4 y guía de flujo de trabajo. Úsalo para responder preguntas sobre Tailwind v4, seleccionar utilidades/variantes, configurar Tailwind v4 o migrar proyectos de v3 a v4 con documentación oficial y verificaciones de errores comunes.
Características principales
- Instantánea oficial de documentación: Contiene fragmentos clave de la documentación oficial de Tailwind CSS v4.
- Selección de utilidades y variantes: Ayuda a elegir las clases y variantes correctas según el diseño deseado.
- Guía de configuración: Explica cómo configurar Tailwind v4 en diferentes entornos (Vite, PostCSS, CDN, etc.).
- Migración v3 → v4: Incluye pasos detallados, cambios de sintaxis y alertas sobre "gotchas" (problemas comunes).
- Ejemplos de código: Fragmentos de HTML, CSS y JavaScript funcionales.
Plataformas soportadas
Este skill puede ser utilizado en:
- Claude Code
- Cursor
- Codex
- Cualquier otro agente de IA que soporte skills personalizados.
Cómo usarlo
- Pregunta cualquier duda sobre Tailwind CSS v4.
- El skill responderá con información basada en la documentación oficial.
- Si necesitas migrar un proyecto, menciona que deseas pasar de v3 a v4.
- El skill verificará automáticamente errores comunes (gotchas).
Notas importantes
- No traducir nombres de clases, comandos CLI, rutas de archivos, nombres de variables de entorno ni URLs.
- Mantener intactos los bloques de código y los enlaces.
- Las imágenes y tablas se conservan en su formato original (Markdown).
Ejemplo de consulta
¿Cómo uso la variante hover con Tailwind v4?
Respuesta del skill:
<button class="hover:bg-blue-500">Pasa el ratón</button>
Enlaces útiles
Licencia
Este skill se distribuye bajo los términos de la licencia MIT.