mcpField
T
tailwindcss-typography

tailwindcss-typography

github.com/fusengine设计与 UI3455 次安装2 周前更新
代码仓库

关于 tailwindcss-typography

tailwindcss-typography 是供开发者参考的 Tailwind CSS v4.3 排版技能，涵盖字体、文本样式、间距和装饰工具类，并注明部分工具类的版本信息。

主要功能

  1. 01字体系列、大小与粗细工具类
  2. 02文本颜色与对齐方式
  3. 03文本换行与阴影
  4. 04制表符宽度与字间距
  5. 05行高、装饰与大小写转换

适用场景

  1. 01为 Tailwind CSS 布局选择排版工具类
  2. 02查找文本换行或装饰选项

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/fusengine/agents --skill tailwindcss-typography

安装后在 Claude Code 中输入/tailwindcss-typography确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
fonts.md
spacing.md
text.md

详细介绍

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