mcpField
T
tailwindcss-typography

tailwindcss-typography

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

关于 tailwindcss-typography

面向 Tailwind CSS 开发者的 v4.3 排版工具参考技能,涵盖字体、间距、换行和装饰等文本样式,并标注部分工具的版本信息。

主要功能

  1. 01字体系列、字号与字重
  2. 02文本颜色与对齐
  3. 03换行方式与文本阴影
  4. 04制表符宽度与字体特性
  5. 05字间距与行高
  6. 06文本装饰与大小写转换

适用场景

  1. 01为 Tailwind 界面选择排版工具
  2. 02调整文本换行和间距
  3. 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