tailwind-conventions
CommunityConsistent Tailwind styling for component UX.
Authoraidanaden
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Tailwind CSS conventions help teams avoid styling inconsistencies by codifying project-specific rules and patterns for class usage, enabling faster development with cohesive visuals.
Core Features & Use Cases
- Enforces hard rules for Tailwind usage (no arbitrary values in class names, no px in inline styles, and prioritizing scale classes).
- Provides standardized replacements and guidance to streamline component styling and code consistency.
- Use Case: When writing or reviewing UI components, apply these conventions to ensure uniform styling and predictable design across the app.
Quick Start
Apply the tailwind-conventions guide when styling or reviewing component code to ensure consistent Tailwind usage.
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: tailwind-conventions Download link: https://github.com/aidanaden/sg-food-guide/archive/main.zip#tailwind-conventions 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.