# Tailwindcss Utilities

> Complete reference for Tailwind CSS utility classes Use when this capability is needed.

- Skill: `tomevault-io/tailwindcss-utilities` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/tailwindcss-utilities`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/tailwindcss-utilities/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/tailwindcss-utilities

---


# Tailwind CSS Utilities Reference

## Layout
- [flex.md](../docs/flex.md), [grid-column.md](../docs/grid-column.md)
- [position.md](../docs/position.md), [display.md](../docs/display.md)

## Spacing
- [padding.md](../docs/padding.md), [margin.md](../docs/margin.md)
- [width.md](../docs/width.md), [height.md](../docs/height.md)

## Typography
- [font-size.md](../docs/font-size.md), [font-weight.md](../docs/font-weight.md)
- [text-align.md](../docs/text-align.md), [line-height.md](../docs/line-height.md)

## Colors & Effects
- [colors.md](../docs/colors.md), [background-color.md](../docs/background-color.md)
- [box-shadow.md](../docs/box-shadow.md), [opacity.md](../docs/opacity.md)

## Borders
- [border-width.md](../docs/border-width.md), [border-radius.md](../docs/border-radius.md)
- [outline.md](../docs/outline-width.md)

## Transforms
- [transform.md](../docs/transform.md), [translate.md](../docs/translate.md)
- [rotate.md](../docs/rotate.md), [scale.md](../docs/scale.md)

## Transitions
- [transition-property.md](../docs/transition-property.md)
- [animation.md](../docs/animation.md)

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/fusengine) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-13 -->