tailwind-4-docs

tailwind 4 docs

lombiq 59 ↓ 8k BSD-3-Clause updated 4mo ago
Claude Code
View source ↗

What it does

  • references/docs/ is generated locally and contains the Tailwind v4 MDX docs snapshot.
  • references/docs-index.tsx is generated locally and contains the category and slug map used by the docs sidebar.
  • references/docs-source.txt captures the upstream repo, commit, and snapshot date (or reports that initialization is pending).
  • references/engineering-playbook.md is the agent-oriented implementation, refactor, and review guide.
  • references/gotchas.md provides a quick scan of common v4 migration pitfalls.
  • Treat export const title and export const description as metadata.
  • Read JSX callouts like <TipInfo> or <TipBad> as guidance text.

Requirements & configuration

  • Run the sync script to download the Tailwind docs locally. This requires network access, git, and Python 3:

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

tailwind 4 docs

Source

Repository: https://github.com/lombiq/tailwind-agent-skills

tailwind-4-docs FAQ

What does the tailwind-4-docs skill do?

Comprehensive Tailwind CSS v4 documentation snapshot and workflow guidance. Use when answering Tailwind v4 questions, selecting utilities/variants, configuring Tailwind v4, or migrating projects from v3 to v4 with official docs and gotcha checks. references/docs/ is generated locally and contains the Tailwind v4 MDX docs snapshot. references/docs-index.tsx is generated locally and contains the category and slug map used by the docs sidebar.

What does tailwind-4-docs require?

Run the sync script to download the Tailwind docs locally. This requires network access, git, and Python 3:

How do I install tailwind-4-docs?

Run: npx -y skills add https://github.com/lombiq/tailwind-agent-skills --skill tailwind-4-docs --agent claude-code — the source lives at github.com/lombiq/tailwind-agent-skills.

Maintain tailwind-4-docs?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

tailwind-4-docs on getagentictools
[![tailwind-4-docs on getagentictools](https://getagentictools.com/badge/skills/lombiq-tailwind-agent-skills-tailwind-4-docs.svg)](https://getagentictools.com/skills/lombiq-tailwind-agent-skills-tailwind-4-docs?ref=badge)
npx agentictools info skills/lombiq-tailwind-agent-skills-tailwind-4-docs

The second line is the CLI lookup for this page — handy in READMEs and docs.