Home / Skills / tailwind-best-practices

tailwind-best-practices

evilmartians/agent-skillsSkill

Write Tailwind CSS following practices that keep a fast-to-write codebase maintainable — use design tokens instead of magic values, keep class lists short, group tokens semantically, generate classes in consistent order, avoid @apply for extracting repeated styles, and use fixed variants instead of arbitrary className props. Use this whenever writing or editing Tailwind classes, components, or config, and also when reviewing, cleaning up, refactoring, or auditing an existing Tailwind project. Do NOT use for general CSS architecture unrelated to Tailwind, or for build tooling unrelated to CSS o

ScannedSkillSource: GitHub
49 stars Updated 21d ago License MIT Context ≈156 tokens always loaded
58popular

Why this score

Stars7/35
Usage (forks)1/15
Upkeep25/25
License15/15
Owner history10/10

This repo hosts 6 skills, so its 49 stars are split between them (about 8 each) for scoring.

Popularity score: 58/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank

Security

Scanned Oct 20, 2026 at commit b35b6cdbb21e, with Cisco's open-source skill-scanner.

None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan

Alternatives

Other makers' add-ons that do the same job, next to this one.

NameScoreStarsContextUpdated
This onetailwind-best-practices evilmartians/agent-skills · Skill 58★ 49≈156 always21d ago
tailwind-animations midudev/tailwind-animations · Skill Same job: frontend, also for Tailwind CSS 66★ 1.5k≈25 always1mo ago
vue-components scalar/scalar · Skill Same job: frontend, also for Tailwind CSS 82★ 16k≈37 always16d ago
nuxt-ui nuxt/ui · Skill Same job: frontend, also for Tailwind CSS 90★ 7.0k≈62 always16d ago
tailwind-css-patterns modelscope/ms-agent · Skill Same job: frontend, also for Tailwind CSS 76★ 4.4k≈86 always17d ago
light-frontend-design Light0305/Light-skills · Skill Same job: frontend, also for Tailwind CSS 57★ 680≈25 always4mo ago