Stop your AI agent from generating Tailwind CSS v3 code. 20+ rules for v4 syntax, CSS-first config, modern utility patterns, and common anti-patterns agents produce.
How to install tailwind-best-practices?
ofershap/tailwind-best-practices
$claude plugin marketplace add ofershap/tailwind-best-practicesInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install tailwind-best-practices by running `claude plugin marketplace add ofershap/tailwind-best-practices`, then use it for the current task and follow its documentation at https://github.com/ofershap/tailwind-best-practices.
Related
6 picksType
- claude-codeClaude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.Jul 2026
- open-design🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export.Jul 2026
- frontend-slidesCreate beautiful slides on the web using a coding agent's frontend skillsJun 2026
- ag-uiAG-UI: the Agent-User Interaction Protocol. Bring Agents into Frontend Applications.Jul 2026
- gsap-skillsOfficial GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performanceApr 2026
- vue-skillsA collection of skills for Vue.js development.May 2026
