·tailwind-v4

Tailwind CSS v4 con configuración CSS-first, directiva @theme, colores OKLCH e integración Vite. Úselo para un estilo moderno que priorice las utilidades con la nueva arquitectura v4.

3Instalaciones·0Tendencia·@shohzod-abdusamatov-7777777

Instalación

$npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4

SKILL.md

Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.

You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.

| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |

Tailwind CSS v4 con configuración CSS-first, directiva @theme, colores OKLCH e integración Vite. Úselo para un estilo moderno que priorice las utilidades con la nueva arquitectura v4. Fuente: shohzod-abdusamatov-7777777/claude-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es tailwind-v4?

Tailwind CSS v4 con configuración CSS-first, directiva @theme, colores OKLCH e integración Vite. Úselo para un estilo moderno que priorice las utilidades con la nueva arquitectura v4. Fuente: shohzod-abdusamatov-7777777/claude-skills.

¿Cómo instalo tailwind-v4?

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/shohzod-abdusamatov-7777777/claude-skills --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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/shohzod-abdusamatov-7777777/claude-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-01