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.
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.
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