Skills
.Work. You
Rest

tailwindcss-v3

Official

Tailwind v3 reference and migration guide

Software Engineering#css#migration#web-development#tailwind#tailwindcss#v3
Authorzenbuapps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tailwind CSS v3 projects often struggle with correct configuration, usage patterns, and migration pitfalls; this Skill provides an authoritative reference and practical guidance for working with v3 (v3.4.x) and navigating to v4.

Core Features & Use Cases

  • v3 reference and configuration: explains the shape of tailwind.config.js, how to set up content globs, and the difference between theme and theme.extend.
  • Migration guidance: highlights key v3→v4 differences, compatibility notes, and practical steps to migrate existing projects.
  • Practical snippets and conventions: showcases v3-specific patterns like bg-[--color-surface] and other arbitrary-value techniques used in v3 projects.

Quick Start

Identify your project’s v3 config and apply migration guidance to align with v4.

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-v3
Download link: https://github.com/zenbuapps/zenbu-powers/archive/main.zip#tailwindcss-v3

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 471,000+ vetted skills library on demand.