fe-tailwindcss
CommunityStandardize Tailwind styling with patterns.
AuthorConradmaker
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides a centralized, pattern-driven approach to Tailwind CSS v4, ensuring consistent tokens, utilities, layout utilities, className merging, and theming across teams to reduce drift and decision fatigue.
Core Features & Use Cases
- Pattern-driven Tailwind v4 configuration and token-based design to standardize colors, radii, spacing, and typography.
- Utilities and layout guidance including semantic stack utilities (v-stack, h-stack), cn() merging, and CVA-based variant management for scalable components.
- Real-world use cases across design systems, component libraries, and responsive/dark-mode implementations.
Quick Start
Apply the fe-tailwindcss patterns to a new component and verify consistent tokens and utilities across the UI.
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: fe-tailwindcss Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#fe-tailwindcss 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.