How do I install the Tailwindcss Utility Classes skill?

Run npx skillmds@latest add fusengine/tailwindcss-utility-classes 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 Tailwindcss Utility Classes 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 Tailwindcss Utility Classes?

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 Tailwindcss Utility Classes free to use?

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

Who published Tailwindcss Utility Classes?

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

Tailwindcss Utility Classes by fusengine

Name: Tailwindcss Utility Classes
Author: fusengine

File contents

Routing only: contains no worked examples or concrete class lookups itself; load the linked category skill directly once the category is known.

Tailwind CSS Utility Classes — Index

Routing index only. Each category has its own skill with full worked examples — load that skill directly instead of this one when the category is known.

Category	Skill	Covers
Layout	tailwindcss-layout	display, flexbox, grid, position, container queries
Spacing	tailwindcss-spacing	margin, padding, space-between
Typography	tailwindcss-typography	font family/size/weight, text color/align/wrap, letter/line spacing, decoration
Backgrounds/Colors	tailwindcss-backgrounds	background colors, gradients, images, blend modes
Borders	tailwindcss-borders	border width/color/style/radius, outline, ring, divide
Effects	tailwindcss-effects	shadows, opacity, filters, backdrop filters, masks
State variants	tailwindcss-interactivity	hover/focus/active/disabled pseudo-class variants, cursor, scroll, pointer-events

Border colors specifically live in tailwindcss-borders/references/border.md; text colors in tailwindcss-typography/references/text.md.

---name: tailwindcss-utility-classesdescription: Use when unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for concrete class lookup - go to the category skill.---<objective>A routing index over Tailwind CSS utility-class categories — layout, spacing, typography, colors, borders, effects, state variants — mapping each category to its dedicated `tailwindcss-*` skill (layout/spacing/typography/backgrounds/borders/effects/interactivity) and, where useful, a specific section within it.Routing only: contains no worked examples or concrete class lookups itself; load the linked category skill directly once the category is known.</objective># Tailwind CSS Utility Classes — IndexRouting index only. Each category has its own skill with full worked examples — load that skill directly instead of this one when the category is known.| Category | Skill | Covers ||----------|-------|--------|| Layout | [tailwindcss-layout](../tailwindcss-layout/SKILL.md) | display, flexbox, grid, position, container queries || Spacing | [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md) | margin, padding, space-between || Typography | [tailwindcss-typography](../tailwindcss-typography/SKILL.md) | font family/size/weight, text color/align/wrap, letter/line spacing, decoration || Backgrounds/Colors | [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md) | background colors, gradients, images, blend modes || Borders | [tailwindcss-borders](../tailwindcss-borders/SKILL.md) | border width/color/style/radius, outline, ring, divide || Effects | [tailwindcss-effects](../tailwindcss-effects/SKILL.md) | shadows, opacity, filters, backdrop filters, masks || State variants | [tailwindcss-interactivity](../tailwindcss-interactivity/SKILL.md#pseudo-class-state-variants) | hover/focus/active/disabled pseudo-class variants, cursor, scroll, pointer-events |Border colors specifically live in [tailwindcss-borders/references/border.md](../tailwindcss-borders/references/border.md); text colors in [tailwindcss-typography/references/text.md](../tailwindcss-typography/references/text.md).

Frequently asked questions

Tailwindcss Utility Classes