关于 tailwindcss-typography
面向 Tailwind CSS 开发者的 v4.3 排版工具参考技能,涵盖字体、间距、换行和装饰等文本样式,并标注部分工具的版本信息。
主要功能
- 01字体系列、字号与字重
- 02文本颜色与对齐
- 03换行方式与文本阴影
- 04制表符宽度与字体特性
- 05字间距与行高
- 06文本装饰与大小写转换
适用场景
- 01为 Tailwind 界面选择排版工具
- 02调整文本换行和间距
- 03设置文本装饰与大小写样式
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ fusengine/ claude-plugins --skill tailwindcss-typography安装后在 Claude Code 中输入/tailwindcss-typography确认已加载。
详细介绍
Tailwind CSS v4.3 排版工具类完整参考:字体系列(`font-sans`/`font-serif`/`font-mono`)、字号和字重、`font-features-*`(自 v4.2 起)、文本颜色/对齐、文本换行(包括 `balance`/`pretty` 值,自 v3.4 起)、`text-shadow` 工具类(自 v4.1 起)、`tab-*` 制表符大小(自 v4.3 起)、字间距(`tracking-*`)、行高(`leading-*`)、文本装饰和文本转换(`uppercase`/`lowercase`/`capitalize`)。
Tailwind CSS Typography v4.3
用于在 Tailwind CSS v4.3 中控制字体系列、字号、字重、文本样式、间距和装饰的排版工具类。
核心功能
- 字体系列:font-sans、font-serif、font-mono
- 字号:text-xs 至 text-9xl,支持缩放
- 字重:thin、extralight、light、normal、medium、semibold、bold、extrabold、black
- 文本颜色:支持完整的颜色调色板
- 文本对齐:left、center、right、justify
- 字体特性:用于设置
font-feature-settings的font-features-[…](自 v4.2 起) - 文本换行:wrap、nowrap、balance、pretty(自 v3.4 起)
- 文本阴影:text-shadow 效果(自 v4.1 起)
- 制表符大小:用于设置
tab-size的tab-<number>(自 v4.3 起) - 字间距:tracking 值
- 行高:leading 值
- 文本装饰:装饰样式和颜色
- 文本转换:uppercase、lowercase、capitalize、normal-case
详细参考
- fonts.md - 选择 font-family/size/weight 值、斜体、数字变体、font-feature-settings 或字体平滑时加载
- text.md - 设置文本颜色、对齐、换行(balance/pretty)、text-shadow、装饰、转换、空白处理或制表符大小时加载
- spacing.md - 调整字间距(tracking)或行高(leading)时加载
评论
支持 Markdown