tailwindcss-development

SKILL.md

Tailwind CSS Development

Documentation

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Basic Usage

Use Tailwind CSS classes to style HTML. Check and follow existing Tailwind conventions in the project before introducing new patterns.

Offer to extract repeated patterns into components that match the project's conventions (e.g., Blade, JSX, Vue).

Consider class placement, order, priority, and defaults. Remove redundant classes, add classes to parent or child elements carefully to reduce repetition, and group elements logically.

Tailwind CSS v3 Specifics

Always use Tailwind CSS v3 and verify you're using only classes it supports.

Configuration is done in the tailwind.config.js file.

Import using @tailwind directives: