Tailwind CSS v4 con tokens de diseño y configuración de CSS-first. Úselo al configurar Tailwind v4, definir variables de tema, usar colores OKLCH o configurar el modo oscuro. Activadores en @theme, @tailwindcss/vite, oklch, variables CSS, --color-, tailwind v4.
Instala rápidamente el skill de IA tailwind-v4 en tu entorno de desarrollo mediante línea de comandos
Fuente: artivilla/agents-config.
| Configuration | tailwind.config.js | @theme in CSS | | Build Tool | PostCSS plugin | @tailwindcss/vite | | Colors | rgb() / hsl() | oklch() (default) | | Theme Extension | extend: {} in JS | CSS variables | | Dark Mode | darkMode config option | CSS variants |
default (standard mode) Generates CSS variables that can be referenced elsewhere:
Note: You can also use @theme default explicitly to mark theme values that can be overridden by non-default @theme declarations.
Tailwind CSS v4 con tokens de diseño y configuración de CSS-first. Úselo al configurar Tailwind v4, definir variables de tema, usar colores OKLCH o configurar el modo oscuro. Activadores en @theme, @tailwindcss/vite, oklch, variables CSS, --color-, tailwind v4. Fuente: artivilla/agents-config.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/artivilla/agents-config --skill tailwind-v4Tailwind CSS v4 con tokens de diseño y configuración de CSS-first. Úselo al configurar Tailwind v4, definir variables de tema, usar colores OKLCH o configurar el modo oscuro. Activadores en @theme, @tailwindcss/vite, oklch, variables CSS, --color-, tailwind v4. Fuente: artivilla/agents-config.
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/artivilla/agents-config --skill tailwind-v4 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/artivilla/agents-config