Esta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar clases de Tailwind", "arreglar estilos de Tailwind", "usar variantes de Tailwind", "agregar animaciones con tw-animate-css", "configurar Tailwind v4", "migrar a Tailwind v4" o menciona las utilidades de Tailwind, clases de CSS, diseño responsivo, modo oscuro, degradados, tokens de diseño o módulos CSS.
Instala rápidamente el skill de IA tailwind-css en tu entorno de desarrollo mediante línea de comandos
Fuente: paulrberg/agent-skills.
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
Esta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar clases de Tailwind", "arreglar estilos de Tailwind", "usar variantes de Tailwind", "agregar animaciones con tw-animate-css", "configurar Tailwind v4", "migrar a Tailwind v4" o menciona las utilidades de Tailwind, clases de CSS, diseño responsivo, modo oscuro, degradados, tokens de diseño o módulos CSS. Fuente: paulrberg/agent-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-cssEsta habilidad debe usarse cuando el usuario solicita "estilo con Tailwind", "agregar clases de Tailwind", "arreglar estilos de Tailwind", "usar variantes de Tailwind", "agregar animaciones con tw-animate-css", "configurar Tailwind v4", "migrar a Tailwind v4" o menciona las utilidades de Tailwind, clases de CSS, diseño responsivo, modo oscuro, degradados, tokens de diseño o módulos CSS. Fuente: paulrberg/agent-skills.
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/paulrberg/agent-skills --skill tailwind-css 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, Cursor u OpenClaw
https://github.com/paulrberg/agent-skills