用途
taste-typography 是一个用于智能体构建界面的排版工艺技能。它通过一套具体的规则和数值，确保文字在设计中发挥应有的作用，避免出现模板化或混乱的字体运用。
主要能力
字体搭配
- 最多使用两个字体家族，且需有结构性对比（如衬线体与中性无衬线体、重黑体与同族常规体等）。
- 三种字体家族会显得杂乱，单一中性无衬线体则像模板。
- 等宽字体仅用于标签或元数据，不适用于正文（数据表格和终端场景除外）。
字号比例
- 提供两套比例：展示比例（64/48/32/24/18/16）用于营销和首屏；UI 比例（13/14/15/16/20/24）用于产品界面，且 UI 内字号不低于 12px、不高于 24px。
- 每个区块只使用一个展示字号，每页最多三种字重。
- 小字号（≤12px）需配合至少 0.02em 的字间距，且未经数据表格场景论证不得低于 10px。
行宽、行高与节奏
- 正文行宽为 45–75 个字符，首屏副标题每行不超过 40 字符，大标题每行不超过 24 字符。
- 行高：标题 0.95–1.08，正文 1.55–1.7，标签 1.2–1.4。
- 字间距：大写标签 0.08–0.2em，展示用小写 −0.02em，正文 0；大于 16px 的小写正文不得随意加字间距。
- 所有文本块对齐 4px 基线网格，行高取 4 的倍数（如 20/24/28/32px）。
- 营销文案中每段最多约 3 行。
文本放置细节
- 正文不得全宽，应限制在 32–40em 的列宽内。
- 标题需有意断行，避免孤字。
- 标题、副标题、段落应在字号和字重上同时递减。
- 除满足特定条件的印刷风格分栏外，禁用两端对齐，其余场景左对齐。
- 禁止伪斜体和伪粗体，应使用字体家族的真实字重和斜体。
- 所有文本使用 rem 配合 clamp() 实现流体字号，不得仅用 vw 且无 rem 下限。
可访问性底线
- 营销页面正文字号 ≥16px，UI 内 ≥14px；更小的字号仅用于元数据且对比度 ≥4.5:1。
- 正文对比度 ≥4.5:1，大号展示文字（≥24px 或 ≥18.66px 粗体）对比度 ≥3:1。
- 展示文字使用 text-rendering: optimizeLegibility，禁用 -webkit-text-stroke。
- 字体加载使用 font-display: swap，预加载展示字体，避免文字不可见等待字体。
检查清单
页面出现以下情况即不合格：单一中性字体承担所有任务；超过两个字体家族；标题小于 20px 而正文 16px 导致无层级；正文行宽超过 75 字符；任何文字小于 10px；使用超过三种字重；卡片或侧栏内出现 6 行段落；两端对齐但无断字支持。
使用方式
该技能以规则和检查清单形式提供，适用于智能体在生成界面时参照执行。具体安装或调用方式暂未提供。
适用场景
适用于智能体构建的网页、产品界面、营销页面等需要排版设计的场景，尤其关注字体搭配、层级、可读性和可访问性。
限制
该技能聚焦排版规则，不涉及配色、布局等其他设计维度；具体工具集成方式暂未提供。