ofershap/tailwind-best-practices
Stop your AI agent from generating Tailwind CSS v3 code. 20+ rules for v4 syntax, CSS-first config.
Helps front-end developers and UI/UX engineers ensure their AI coding assistants generate up-to-date and correct Tailwind CSS v4 code. It takes your AI agent's output and transforms it into current best practices, preventing outdated patterns like `bg-opacity-50` and `tailwind.config.js`. This ensures the generated styling is efficient and follows modern standards.
Use this if your AI coding assistant frequently generates outdated Tailwind CSS v3 syntax and you want to ensure your frontend projects adhere to Tailwind CSS v4 best practices.
Not ideal if you are intentionally working with older Tailwind CSS v3 projects or are not using an AI coding assistant for CSS generation.
Stars
7
Forks
—
Language
JavaScript
License
MIT
Category
Last pushed
Feb 20, 2026
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/agents/ofershap/tailwind-best-practices"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
dyoshikawa/rulesync
A Utility CLI for AI Coding Agents
przeprogramowani/ai-rules-builder
Generate "Rules for AI". Quickly ✨
lirantal/agent-rules
Rules and instructions for agentic coding tools like Cursor, Claude CLI, Gemini CLI, Qodo, Cline and more
TikiTribe/claude-secure-coding-rules
Secure Coding Rules for Claude Code with a particular emphasis on AIML projects
agent-sh/agnix
The missing linter and lsp for AI coding assistants. Validate CLAUDE.md, AGENTS.md, SKILL.md,...