用途
typeset 是更广泛的 ui-craft 技能中的一个观察视角(子技能),专注于界面排版。当字体显得通用、默认、缺乏设计意图时,可用它做一次完整的排印梳理。
如果同时安装了 ui-craft 技能,应先阅读其 SKILL.md 中的 Discovery + Anti-Slop + Craft Test,再应用本视角。
主要能力
该技能按顺序应用以下检查与调整:
-
字体清单:确认当前加载了哪些字体。如果 Inter 是无理由的默认选择,需先询问再接受(Inter 是头号 AI 痕迹)。可考虑的替代:Geist、DM Sans、Plus Jakarta Sans、系统字体栈。正文一个字体,可选一个展示字体,绝不用三个。
-
比例(Scale):判断是否存在字号比例,还是随意设定。锚定到模块化比例(1.125 / 1.2 / 1.25)。推荐字号:12 / 14 / 16 / 20 / 24 / 32 / 48 / 64 / 72。除非出于视觉修正,否则不用 13px / 15px / 17px 这类一次性尺寸。
-
字距(Tracking / letter-spacing):
- ≥ 24px → tracking-tight(-0.02em),40px 以上可更紧
- 14-20px 正文 → 默认
- 11-13px 分类标签 → tracking-wide(+0.06em),此处是唯一允许使用大写的地方
- 标题、导航、按钮、表格中绝不使用全大写
-
行高(Leading / line-height):
- 标题:1.05-1.15
- 正文:1.5-1.65
- UI(按钮、标签):1.2-1.3
-
字重层级:最多选 2-3 个字重。常见组合:正文 400,UI/标签 500,标题 600-700。不要“以防万一”加载 9 个字重。
-
微排版细节:
- 所有需要对齐的数字使用 tabular-nums(表格、统计、时间戳、价格)
- 标题使用 text-wrap: balance,正文使用 text-wrap: pretty
- 使用弯引号(' / ")、em 破折号(—)、en 破折号(–),不用双连字符
- 品牌名、数字与单位之间、标题末尾短词前使用
- 缩写中使用真正的撇号
- 通过 font-feature-settings 或 font-variant-* 启用可选特性(连字、ss01、分数)
- 单位使用直撇号(′、″),而非引号
-
层级检查:能否一眼分辨主、次、三级信息?如果每行字重或字号都相同,就合并或放大差异。
放大层级(Amplifying hierarchy)
如果界面技术上正确但平淡无记忆点,可用排版作为武器。只选一个元素承载签名感(绝不用两个);大胆体现在排版,而非颜色或装饰:
- 主视觉标题:字号推到 80-120px,字重 700-800,字距 -0.04em,行高收紧到 0.95-1.0。
- 层级跳跃:拉大 H1 与正文的差距。H1 32px、正文 16px 时界面在“低语”;H1 达到 48px+ 时比例才读得出来。有意识地压缩或扩展范围。
- 微母题:一个重复出现的自定义细节:手绘下划线、数字计数器(01、02)、非对称辅助元素、独特的列表标记。
放大功能的开关门控(CRAFT_LEVEL):
- ≤ 4:跳过。大胆属于工艺层,不是基线。
- 5-7:仅应用排版放大,除非被要求,否则不加签名母题。
- 8+:排版放大 + 一个签名细节(在 /craft 首轮按 references/craft-intent.md 选定;/polish 和 /bolder 会强化它,绝不叠加第二个)。
预检查:如果强调色已经过度使用,或层级已经过于喧闹,那问题不是平淡,而是噪音。应转向 /distill(削减)或 /colorize(减少强调色)。
使用方式
对 $ARGUMENTS 处的 UI 进行排版。加载 ui-craft 技能并阅读 references/typography.md。
注意:typeset 与开关无关(knob-agnostic)——排版规则(标题不用全大写、≥24px 用 tracking-tight、只用一个正文字体等)不可调。
输出:直接编辑代码。打印 Review Format 表格。指出影响最大的一处改动(通常是“字体选择”或“主视觉标题的 tracking-tight”)。
下一步:/polish——微细节在字体系统确定后(第 1 级)落地效果最佳。
适用场景
- 字体显得通用、默认、缺乏个性
- 字号随意、缺少模块化比例
- 字距、行高、字重层级混乱
- 需要检查微排版细节(数字对齐、引号、破折号等)
- 界面技术上正确但平淡,需要用排版放大层级
限制
- 排版规则不可调(knob-agnostic)
- 放大功能受 CRAFT_LEVEL 门控限制
- 若强调色过度使用或层级已过响,应改用 /distill 或 /colorize,而非本技能
- 具体安装命令、收费与价格信息暂未提供