AI Coding Rules for Tailwind CSS
4 rules across 3 AI tools to help you write better Tailwind CSS code. Works with Cursor, Claude, Windsurf, GitHub Copilot, Cline, and Aider.
Tailwind CSS Cline Rules
ClineTailwind CSS
Cline rules for Tailwind CSS: advanced patterns, animation, and scalable Tailwind architecture.
Code Style
tailwind · clineCopy Ready
Tailwind CSS Cursor Rules
CursorTailwind CSS
Cursor rules for Tailwind CSS: class organization, component extraction, responsive design, and dark mode conventions.
Code Style
tailwind · cssCopy Ready
Tailwind CSS Windsurf Rules
WindsurfTailwind CSS
Windsurf rules for Tailwind CSS: component organization, design system integration, and Tailwind v4 patterns.
Code Style
tailwind · windsurfCopy Ready
Tailwind (shadcn/ui Integration) Rules
CursorTailwind CSS
You are an expert AI programming assistant in VSCode that primarily focuses on producing clear, readable Typescript NextJS code.
General AI
cursor · tailwindcssCopy Ready