SuperAPI AI 工具集

typeset

设计与创作

查看项目

更新于 10-15 16:36

技能介绍

用途

typeset 是更广泛的 ui-craft 技能中的一个观察视角(子技能),专注于界面排版。当字体显得通用、默认、缺乏设计意图时,可用它做一次完整的排印梳理。

如果同时安装了 ui-craft 技能,应先阅读其 SKILL.md 中的 Discovery + Anti-Slop + Craft Test,再应用本视角。

主要能力

该技能按顺序应用以下检查与调整:

  1. 字体清单:确认当前加载了哪些字体。如果 Inter 是无理由的默认选择,需先询问再接受(Inter 是头号 AI 痕迹)。可考虑的替代:Geist、DM Sans、Plus Jakarta Sans、系统字体栈。正文一个字体,可选一个展示字体,绝不用三个。

  2. 比例(Scale):判断是否存在字号比例,还是随意设定。锚定到模块化比例(1.125 / 1.2 / 1.25)。推荐字号:12 / 14 / 16 / 20 / 24 / 32 / 48 / 64 / 72。除非出于视觉修正,否则不用 13px / 15px / 17px 这类一次性尺寸。

  3. 字距(Tracking / letter-spacing):

    • ≥ 24px → tracking-tight(-0.02em),40px 以上可更紧
    • 14-20px 正文 → 默认
    • 11-13px 分类标签 → tracking-wide(+0.06em),此处是唯一允许使用大写的地方
    • 标题、导航、按钮、表格中绝不使用全大写
  4. 行高(Leading / line-height):

    • 标题:1.05-1.15
    • 正文:1.5-1.65
    • UI(按钮、标签):1.2-1.3
  5. 字重层级:最多选 2-3 个字重。常见组合:正文 400,UI/标签 500,标题 600-700。不要“以防万一”加载 9 个字重。

  6. 微排版细节:

    • 所有需要对齐的数字使用 tabular-nums(表格、统计、时间戳、价格)
    • 标题使用 text-wrap: balance,正文使用 text-wrap: pretty
    • 使用弯引号(' / ")、em 破折号(—)、en 破折号(–),不用双连字符
    • 品牌名、数字与单位之间、标题末尾短词前使用  
    • 缩写中使用真正的撇号
    • 通过 font-feature-settings 或 font-variant-* 启用可选特性(连字、ss01、分数)
    • 单位使用直撇号(′、″),而非引号
  7. 层级检查:能否一眼分辨主、次、三级信息?如果每行字重或字号都相同,就合并或放大差异。

放大层级(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,而非本技能
  • 具体安装命令、收费与价格信息暂未提供