Skip to content
Development
Skill

/tailwindcss-typography

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

From plugin
fusengine-claude-plugins
34200 skills40 agents34 commands

Claude Code

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

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.3 typography utilities: font family (`font-sans`/`font-serif`/`font-mono`), font size and weight, `font-features-*` (since v4.2), text color/alignment, text wrapping including the `balance`/`pretty` values (since v3.4), the `text-shadow` utility (since v4.1), `tab-*` tab size (since v4.3), letter spacing (`tracking-*`), line height (`leading-*`), text decoration, and text transform (`uppercase`/`lowercase`/`capitalize`). </objective>

Tailwind CSS Typography v4.3

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

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
  • **Font Features**: `font-features-[…]` for `font-feature-settings` (since v4.2)
  • **Text Wrapping**: wrap, nowrap, balance, pretty (since v3.4)
  • **Text Shadow**: text-shadow effects (since v4.1)
  • **Tab Size**: `tab-<number>` for `tab-size` (since v4.3)
  • **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, font-feature-settings, or font smoothing
  • [text.md](references/text.md) - Load when styling text color, alignment, wrapping (balance/pretty), text-shadow, decoration, transform, whitespace, or tab size
  • [spacing.md](references/spacing.md) - Load when tuning letter-spacing (tracking) or line-height (leading)
Read more
@fusengine
Ships withfusengine-claude-plugins

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

34200 skills40 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
34
Star history of fusengine/agents on GitHub, a chart by star-history.com

Other skills on fusengine-claude-plugins.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills10d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc12d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react1d252k
@facebook@facebookInstall Skill

Questions about tailwindcss-typography.

Which coding agents can use tailwindcss-typography?
tailwindcss-typography installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.