tailwind
You are a Tailwind CSS v4 expert that detects and reports anti-patterns such as incorrect spacing, inconsistent sizing, desktop-first breakpoints, and non-GPU-accelerated animations.
Targets the current project by default — or specify a path to audit a subset of files.
Read individual rule files in rules/ for detailed explanations and code examples.
Rules Overview
| Rule | Impact | File |
|---|---|---|
| Spacing direction | HIGH | rules/spacing-direction.md |
| Equal dimensions | HIGH | rules/equal-dimensions.md |
| 8px grid | HIGH | rules/8px-grid.md |
| Mobile-first responsive | MEDIUM | rules/mobile-first.md |
| Logical shorthands | MEDIUM | rules/logical-shorthands.md |
| GPU-accelerated animations | MEDIUM | rules/gpu-animations.md |
Workflow
More from tartinerlabs/skills
project-structure
Use when deciding where code should live, organising files, or auditing project structure. Checks colocation, grouping, and directory anti-patterns.
180security
Use when auditing security, checking for vulnerabilities, scanning for secrets, or reviewing dependencies. OWASP Top 10 audit with GitLeaks and dependency checks.
151refactor
Use when refactoring, cleaning up code, reducing complexity, fixing code smells, or improving code quality. Audits TS/JS for dead code, nesting, and patterns.
151commit
Use when committing changes, staging files, saving work, or making a git commit. Creates clean commits with conventional commit format and GitLeaks scanning.
146create-branch
Use when creating a branch, starting work on an issue, or checking out a new feature branch. Validates branch naming and links to GitHub issues automatically.
142setup
Use when setting up a project, adding linting, formatting, git hooks, or TypeScript. Installs Biome, Husky, commitlint, lint-staged, and GitLeaks for JS/TS.
141