用途：评估并改进显得通用、不一致或结构混乱的排版，把默认观感的文字变成有意图、精心设计的字体系统。使用前需先阅读 frontend-design 并遵循其上下文收集协议，复用已有上下文，只询问关键缺口。
主要能力：从字体选择、层级、字号与比例、可读性、一致性五个方面诊断问题，例如是否使用隐形默认字体（Inter、Roboto、Arial、Open Sans、系统默认）、字体是否匹配品牌、字体家族是否超过 2-3 个、标题与正文能否一眼区分、字号是否过于接近、字重对比是否足够、是否有统一字号比例、正文是否达到 16px 以上、行宽是否在 45-75 字符、行高与对比度是否合适、斜体/下划线/全大写是否刻意使用、同类元素样式是否一致。
使用方式：先做评估，再制定系统化方案，包括字体选择、字号比例、字重策略、间距、排版角色文档化、字体加载与性能、OpenType 与数字特性。随后系统化改进：替换字体时选择反映品牌个性的字体并形成真实对比；建立 5-7 级字号比例，结合字号、字重、颜色与空间形成层级；用 ch 单位限制文本容器宽度；调整行高（标题 1.1-1.2，正文 1.5-1.7）；数据表格使用 tabular-nums；使用语义化 token 名（如 --text-body）而非数值名。最后从层级、可读性、一致性、个性、性能、无障碍六方面验证。
适用场景：React 与 Tailwind 项目中的 UI 排版优化，尤其是文字显得通用、层级混乱或可读性差的界面。
限制：资料未提供具体安装命令、收费方式、平台支持或效果数据。文中给出若干禁止事项，如不超过 2-3 个字体家族、正文不低于 16px、不用 em 定义嵌套 UI 的字号比例、不用 px 实现字号、不默认使用 Inter/Roboto/Open Sans、不居中长文本、不因层级而使用过小字号等。