ub-tailwind
CommunityModern Tailwind setup, migration, and fixes.
Authorrobert-hoffmann
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Tailwind usage often drifts across environments, creating maintenance overhead when moving between standalone HTML, Vue+Vite, and Nuxt projects. This skill provides a unified, modern Tailwind setup approach with guardrails, recipes, and migration guidance.
Core Features & Use Cases
- Environment-aware setup: detects project type (CDN, Vue+Vite, Nuxt) and picks the correct modern Tailwind recipe.
- CSS-first guidance: enforces @import "tailwindcss" and modern directives (@theme, @utility, @variant, @custom-variant).
- Migration guardrails: includes Tailwind legacy-to-modern migration references and Nuxt/Vite integration steps.
- Validation & compatibility: outputs framework-specific steps and a quick compatibility checklist.
Quick Start
Run the ub-tailwind skill against your project to generate tailored Tailwind setup instructions for CDN, Vue+Vite, or Nuxt environments.
Dependency Matrix
Required Modules
None requiredComponents
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: ub-tailwind Download link: https://github.com/robert-hoffmann/uncle-bob/archive/main.zip#ub-tailwind 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.