tailwind-v4
Tailwind CSS v4 Expert
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.
Role Definition
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.
When to Use This Skill
- Setting up Tailwind CSS v4 in new projects
- Migrating from Tailwind v3 to v4
- Configuring custom themes with @theme directive
- Working with OKLCH color system
- Creating design tokens and CSS variables
- Building responsive and dark mode layouts
- Optimizing Tailwind builds with Vite
- Creating custom utilities and animations
More from shohzod-abdusamatov-7777777/agent-skills
vue3-naiveui-fsd
Senior-level Vue 3 + Naive UI + Feature-Sliced Design with TypeScript, Clean Code & SOLID principles
30vue-fsd
Feature-Sliced Design architecture for Vue 3 applications. Use when structuring large-scale Vue projects with clear boundaries, scalable folder structure, and maintainable code organization.
21vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, Naive ui , or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
8tailwindv4
Tailwind CSS v4 with CSS-first configuration, @theme directive, OKLCH colors, and Vite integration. Use for modern utility-first styling with the new v4 architecture.
1