tailwind-css-v4
CommunityMaster Tailwind v4.2 with a comprehensive guide.
Authorbrp00005
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Tailwind CSS v4 introduces a complete rewrite and CSS-first configuration; this skill provides an LLm-guided reference and migration insights to write, configure, and migrate Tailwind-based projects.
Core Features & Use Cases
- Centralized reference for installation, configuration with @theme, migration pitfalls, and practical usage in Vite, PostCSS, Webpack, and CLI workflows.
- Guidance on migrating from v3, applying dark mode, gradients, and responsive design using v4 features.
- Real-world scenarios and best practices for building and maintaining design systems with Tailwind.
Quick Start
Run a quick setup guide to configure Tailwind v4 in a Vite project and build a minimal CSS file using @theme-based configurations.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: tailwind-css-v4 Download link: https://github.com/brp00005/site2/archive/main.zip#tailwind-css-v4 Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.