·tailwind
</>

tailwind

Patrones y sistemas de diseño Tailwind CSS v4. Úselo al configurar temas de Tailwind, crear componentes, implementar el modo oscuro, usar consultas de contenedor, migrar desde v3, integrar shadcn/ui o corregir errores de compilación. Úselo para viento de cola, css, estilo, tema, tokens de diseño.

30Instalaciones·2Tendencia·@oakoss

Instalación

$npx skills add https://github.com/oakoss/agent-skills --skill tailwind

Cómo instalar tailwind

Instala rápidamente el skill de IA tailwind en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill tailwind
  3. Verificar instalación: 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

Fuente: oakoss/agent-skills.

SKILL.md

Ver original

Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.

When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.

When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.

Patrones y sistemas de diseño Tailwind CSS v4. Úselo al configurar temas de Tailwind, crear componentes, implementar el modo oscuro, usar consultas de contenedor, migrar desde v3, integrar shadcn/ui o corregir errores de compilación. Úselo para viento de cola, css, estilo, tema, tokens de diseño. Fuente: oakoss/agent-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/oakoss/agent-skills --skill tailwind
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from oakoss/agent-skills

Respuestas rápidas

¿Qué es tailwind?

Patrones y sistemas de diseño Tailwind CSS v4. Úselo al configurar temas de Tailwind, crear componentes, implementar el modo oscuro, usar consultas de contenedor, migrar desde v3, integrar shadcn/ui o corregir errores de compilación. Úselo para viento de cola, css, estilo, tema, tokens de diseño. Fuente: oakoss/agent-skills.

¿Cómo instalo tailwind?

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/oakoss/agent-skills --skill tailwind 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

¿Dónde está el repositorio de origen?

https://github.com/oakoss/agent-skills