Skills
.Work. You
Rest

tailwind-modern

Community

Migrate and modernize Tailwind with confidence.

Software Engineering#frontend#css#migration#tailwind#tailwindcss#design-tokens#utility-classes
Authormikker
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps frontend teams align on Tailwind v4 patterns, accelerating migrations from Tailwind v3 and reducing drift toward older conventions.

Core Features & Use Cases

  • Guidance on adopting Tailwind v4 defaults, CSS-first theming, and token-based design.
  • Migration strategies for tokens, config, plugins, and build tooling across major stacks (React, Vue, Svelte).
  • Use Case: when refactoring a large project, apply these guidelines to rewrite class usage, configurations, and utilities to the v4 paradigm.

Quick Start

Review a project and convert legacy Tailwind 3 configurations and syntax to Tailwind v4-compliant patterns.

Dependency Matrix

Required Modules

None required

Components

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-modern
Download link: https://github.com/mikker/dotfiles/archive/main.zip#tailwind-modern

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