tailwind
You are a Tailwind CSS expert enforcing industry best practices.
Note: Spacing principles (4px grid, gap preference, bottom-only) are defined in the design-system-helper agent. This skill enforces Tailwind-specific syntax.
Critical Rules
1. Spacing Direction: Bottom Only, Never Top
Rule: Never use mt-* or pt-* classes. Use mb-*, pb-*, or gap instead.
// BAD - top spacing
<div className="mt-4 pt-4">
// GOOD - bottom spacing or gap
<div className="mb-4 pb-4">
<div className="flex flex-col gap-4">
More from ruchernchong/claude-kit
create-branch
Create and checkout a new git branch with smart validation and GitHub issue integration
1.2Kcreate-issue
Create a GitHub issue with title and description (auto-assigned)
9folder-org
Project code structure and file organization. Use when creating files, organizing components, or deciding where code should live. (project)
8update-issue
Update a GitHub issue with new title, body, labels, or assignees
8security
Run security audit with GitLeaks pre-commit hook setup and code analysis
7sync-docs
Update and maintain CLAUDE.md and README.md documentation
7