agentsclimarketplace
Sign in

Tailwind

Skill Dragoon0x/dragoon-skills/skills/tailwind

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`.From its SKILL.md

Install
npx -y skills add Dragoon0x/dragoon-skills --skill tailwind

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.0 KB, 156 tokens by cl100k_base, as published. Nobody here has run it

/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

What ships with it: 1 file

3.3 KB alongside SKILL.md, 1 of them executable

scripts/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.