tailwindcss
✓Esta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar CSS", "configurar tema", "usar @theme", "agregar colores personalizados", "implementar modo oscuro", "usar consultas de contenedor", "agregar diseño responsivo", "usar colores OKLCH" o analiza estilos, temas o diseño visual. Utilice siempre la última versión de Tailwind CSS y patrones modernos.
Instalación
SKILL.md
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
Esta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar CSS", "configurar tema", "usar @theme", "agregar colores personalizados", "implementar modo oscuro", "usar consultas de contenedor", "agregar diseño responsivo", "usar colores OKLCH" o analiza estilos, temas o diseño visual. Utilice siempre la última versión de Tailwind CSS y patrones modernos. Fuente: velcrafting/codex-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/velcrafting/codex-skills --skill tailwindcss- Fuente
- velcrafting/codex-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tailwindcss?
Esta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar CSS", "configurar tema", "usar @theme", "agregar colores personalizados", "implementar modo oscuro", "usar consultas de contenedor", "agregar diseño responsivo", "usar colores OKLCH" o analiza estilos, temas o diseño visual. Utilice siempre la última versión de Tailwind CSS y patrones modernos. Fuente: velcrafting/codex-skills.
¿Cómo instalo tailwindcss?
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/velcrafting/codex-skills --skill tailwindcss 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/velcrafting/codex-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01