Tailwind 4 Docs
Keeps a local snapshot of the Tailwind CSS v4 docs so Claude can answer migration, configuration, and implementation questions with official guidance instead of hallucinating outdated v3 patterns. You run a Python script once to pull the docs from tailwindlabs/tailwindcss.com, then the skill loads only the relevant MDX files per question. It won't proceed until the snapshot exists, which is smart because Tailwind v4 changed enough (new import syntax, different tooling, reworked utilities) that guessing is worse than stopping. The engineering playbook and gotchas references add context for refactors and reviews. Honest take: if you're doing any serious Tailwind v4 work, the initialization step pays for itself the first time it catches a breaking change.
- skills.sh installs
- 18.6K
- GitHub stars
- 80
- last updated
- Aug 21, 2026
Install
$ npx -y skills add lombiq/tailwind-agent-skills --skill tailwind-4-docs --agent claude-codeInstalls into .claude/skills of the current project.
Files
Tailwind 4 Docs
Overview
Use this skill to navigate a locally synced Tailwind CSS v4 documentation snapshot and answer development, configuration, migration, implementation, refactor, and review questions with official guidance.
The docs snapshot is not bundled with this skill because the upstream repository is source-available but not open-source. Users must initialize the snapshot themselves and are responsible for complying with the upstream license.
Quick start
- Check whether the docs snapshot is initialized (
references/docs/andreferences/docs-index.tsxexist). - If the snapshot is missing or older than one week, stop and ask to run the initialization step in "Initialization" before continuing. Do not answer the user's question until the snapshot is initialized.
- Identify the topic (utility, variant, config, migration, compatibility, implementation, refactor, review).
- Find the matching doc in
references/docs-index.tsx. - Load only the relevant file from
references/docs/. - For implementation, refactor, or review tasks, also load
references/engineering-playbook.md. - Apply guidance and call out any breaking changes or constraints.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/lombiq/tailwind-agent-skills
- Categories
- Frontend Development, Testing & QA, Documentation, AI & Agent Building, Automation & Workflows
- First seen
- May 16, 2026
Recommended
More Frontend Development
vue-testing-best-practicesantfu/skillsUse for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.17.2Kskills.sh installs
vue-router-best-practicesvuejs-ai/skillsVue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.16.2Kskills.sh installs
clerk-vue-patternsclerk/skillsVue 3 patterns with Clerk — composables (useAuth, useUser, useClerk, useOrganization), Vue Router guards, Pinia auth store integration. Triggers on: vue clerk, 14.5Kskills.sh installsclerk-nuxt-patternsclerk/skillsNuxt 3 auth patterns with @clerk/nuxt - middleware, composables, server API routes, SSR. Triggers on: Nuxt auth, useAuth composable, clerkMiddleware Nuxt, serve14.4Kskills.sh installs
vue-debug-guideshyf0/vue-skillsComprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues.14.2Kskills.sh installs
svelte-code-writersveltejs/ai-toolsCLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte mod14Kskills.sh installs