Skills
.Work. You
Rest

tailwindcss-v4

Community

Master Tailwind CSS v4.1 features.

Software Engineering#frontend#design system#css#utility-first#tailwindcss#v4 migration
Authorfusengine
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidance on utilizing the core features of Tailwind CSS v4.1, including its new theme system, directives, and migration path from v3.

Core Features & Use Cases

  • Theme Customization: Understand how to define and use design tokens with the new @theme directive.
  • Utility Generation: Learn to create custom utilities and variants using @utility and @variant.
  • Migration Assistance: Get clear instructions on migrating projects from Tailwind CSS v3 to v4, including syntax changes and removed features.
  • Use Case: A developer needs to quickly understand the new CSS-first configuration approach in Tailwind v4 and how to implement custom color variables.

Quick Start

Use the tailwindcss-v4 skill to explain how to define a custom color variable using the @theme directive.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwindcss-v4
Download link: https://github.com/fusengine/agents/archive/main.zip#tailwindcss-v4

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.