tailwind-best-practices

You have access to up-to-date Tailwind CSS documentation via MCP tools. Use these tools to provide accurate, current information.

Use when user asks about any Tailwind feature, utility, or concept.

Use when user needs utility classes for a specific CSS property.

WHEN: User is writing HTML/templates with Tailwind CSS classes, styling components, configuring Tailwind themes, asking about utilities or patterns, or working with any project that uses Tailwind CSS. Also trigger when user mentions "responsive design", "dark mode", "custom colors", "spacing", "flex/grid layout" in a Tailwind project, asks about v4 migration, @theme vs @apply, or is editing CSS/HTML files in a project with tailwind in its dependencies. Activate whenever tailwind.config.* or @tailwind directives are present. WHEN NOT: Projects not using Tailwind, questions about Bootstrap/Bulma/other CSS frameworks Source: gopherguides/gopher-ai.