tailwind-upgrade
CommunityUpgrade Tailwind CSS to v4
AuthorGDSDN
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the complex and time-consuming process of migrating projects from older versions of Tailwind CSS to the new v4 (Oxide engine), ensuring a smooth transition with minimal disruption.
Core Features & Use Cases
- Automated Migration: Guides through the upgrade process, from planning to rollout.
- Configuration Conversion: Handles the shift from
tailwind.config.jsto CSS-first directives like@theme. - Performance Benchmarking: Measures and ensures the new Oxide engine meets performance targets.
- Regression Testing: Integrates visual and functional testing to catch unintended changes.
- Use Case: A development team needs to upgrade their large, established project's Tailwind CSS to v4 to leverage performance improvements and new features. This Skill provides a structured, step-by-step playbook to manage the upgrade safely and efficiently.
Quick Start
Execute the tailwind-upgrade skill to begin the migration process from Tailwind CSS v3 to v4.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-upgrade Download link: https://github.com/GDSDN/kord-aios/archive/main.zip#tailwind-upgrade 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 223,000+ vetted skills library on demand.