Agent-Skills.md

Agent Skills: Tailwind CSS Typography v4.1

Typography utilities Tailwind CSS v4.1. Font (font-sans, font-serif, font-mono, font-size, font-weight), Text (text-color, text-align, text-wrap, text-shadow NEW), Letter/Line spacing, Decoration, Transform.

UncategorizedID: fusengine/agents/tailwindcss-typography

Repository

fusengine/agents
fusengineLicense: MIT
7

Install this agent skill to your local

pnpm dlx add-skill https://github.com/fusengine/agents/tree/HEAD/plugins/tailwindcss/skills/tailwindcss-typography

Skill Files

Browse the full folder contents for tailwindcss-typography.

Download Skill

Loading file tree…

plugins/tailwindcss/skills/tailwindcss-typography/SKILL.md

Skill Metadata

Name
tailwindcss-typography
Description
"Typography utilities Tailwind CSS v4.1. Font (font-sans, font-serif, font-mono, font-size, font-weight), Text (text-color, text-align, text-wrap, text-shadow NEW), Letter/Line spacing, Decoration, Transform. Use when: setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or adjusting letter/line spacing."

Tailwind CSS Typography v4.1

Typography utilities for controlling font families, sizes, weights, text styling, spacing, and decoration in Tailwind CSS v4.1.

Core Features

  • Font Family: font-sans, font-serif, font-mono
  • Font Size: text-xs to text-9xl with scaling
  • Font Weight: thin, extralight, light, normal, medium, semibold, bold, extrabold, black
  • Text Color: Full color palette support
  • Text Alignment: left, center, right, justify
  • Text Wrapping: wrap, nowrap, balance, pretty (NEW in v4.1)
  • Text Shadow: New utility for text-shadow effects
  • Letter Spacing: tracking values
  • Line Height: leading values
  • Text Decoration: decoration styles and colors
  • Text Transform: uppercase, lowercase, capitalize, normal-case

Detailed References

  • fonts.md - Load when picking font-family/size/weight values, italics, numeric variants, or font smoothing
  • text.md - Load when styling text color, alignment, wrapping (balance/pretty), text-shadow, decoration, transform, or whitespace
  • spacing.md - Load when tuning letter-spacing (tracking) or line-height (leading)
Tailwind CSS Typography v4.1 Skill | Agent Skills