How do I install the Tailwind skill?

Run npx skillmds@latest add dragoon0x/tailwind in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Tailwind safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Tailwind?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Tailwind free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Tailwind?

dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Tailwind

Name: Tailwind
Author: dragoon0x

Generate one consolidated tailwind.config.js combining colors, spacing, fontFamily, fontSize, borderRadius, transitionDuration, and transitionTimingFunction from the manifest. Single file instead of four separate token cjs files. Use when setting up tailwind for the first time or refreshing the config after major token changes. Run as `node ~/.claude/skills/dragoon/skills/tailwind/scripts/tailwind.js`.

dragoon0x 320b09c 2 files · 4.3 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add dragoon0x/tailwind

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/dragoon0x/tailwind.svg)](https://skillmd.com/skills/dragoon0x/tailwind)

Trust & safety

Audits pending

Not yet audited · commit 320b09c

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

/tailwind

One config to rule them all.

When to use

Setting up tailwind for the first time on a codebase that already has a design system
Consolidating after running /typography, /color, /spacing, /motion
After a major token refresh

What's in the output

colors from your top palette (with role names)
spacing t-shirt scale on your detected grid
fontFamily.sans from your detected family
fontSize derived from your detected ratio
borderRadius from your detected radii
transitionDuration and transitionTimingFunction defaults

Run it

dragoon tailwind --apply

Dragoon0x/dragoon-skills/tree/main/skills/tailwind commit 320b09c7cb

Frequently asked questions

npx skillmds@latest add dragoon0x/tailwind