tailwind-best-practices

Tailwind that scales. Token mapping, responsive variants, dark mode, plugins.

Score 0(?)VerifiedCodeby Tailwind Labs
Verified for:

Install

$ npx skills add tailwindlabs/skills

Best for

Tailwind teams that want the agent to honor design tokens instead of arbitrary values.

About this skill

Tailwind CSS patterns: utility composition, design token mapping, responsive variants, dark-mode strategy, plugin authorship.

TailwindCSSTokens

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
0/15
Recency
8.5/10
Compatibility
6/10
Documentation depth
8.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
4.3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces