Skip to content

/tailwindcss-typography

Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.

shell
$ npx -y skills add fusengine/agents --skill tailwindcss-typography --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/tailwindcss-typography
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.

SKILL.md

tailwindcss-typography.SKILL.md
name: tailwindcss-typography
description: "Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing."
user-invocable: false

<objective> Complete reference for Tailwind CSS v4.1 typography utilities: font family (`font-sans`/`font-serif`/`font-mono`), font size and weight, text color/alignment, text wrapping including the v4.1 `balance`/`pretty` values, the new `text-shadow` utility, letter spacing (`tracking-*`), line height (`leading-*`), text decoration, and text transform (`uppercase`/`lowercase`/`capitalize`). </objective>

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](references/fonts.md) - Load when picking font-family/size/weight values, italics, numeric variants, or font smoothing
  • [text.md](references/text.md) - Load when styling text color, alignment, wrapping (balance/pretty), text-shadow, decoration, transform, or whitespace
  • [spacing.md](references/spacing.md) - Load when tuning letter-spacing (tracking) or line-height (leading)
Read more
Read it on GitHub ↗
Ships withfusengine-agents

A plugin ecosystem that turns Claude Code into a supervised, multi-agent development environment.

Get the whole plugin, auto-invoked
Stats
22
Stars
0
Views
3
Forks
Active
Maintenance
CSS
Language
MIT
License
1d ago
Last commit
6mo ago
Created

Repo: fusengine/agents