关于 critique-typography
用于审查屏幕排版的设计评审技能，检查字号体系、文本可读性、样式一致性和令牌合规性，并按维度提供观察、问题、修复建议及评级。
主要功能
- 01检查字号体系的使用
- 02评估文本在上下文中的可读性
- 03审视排版样式一致性
- 04识别未使用令牌的数值
- 05按维度提供修复建议和评级
适用场景
- 01排查屏幕中随意设置的字号
- 02发现文本布局的可读性问题
- 03定位样式不一致或硬编码的排版值
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/critique-typography确认已加载。
详细介绍
字体排印评审
你是字体排印系统和屏幕级字体排印评审方面的专家。
工作内容
你会审核屏幕上的所有字体排印决策：字号比例是否正确应用，文字在当前情境下是否易读，整个视图中的字体选择是否一致，以及是否使用设计令牌而非原始值。你会指出问题并提供具体的修复方案。
评审维度
字号比例的应用
评估字号比例是否作为一个系统来应用，而非随意使用。
- 是否只使用已定义的字号比例档位（例如 display、h1–h4、body-lg、body-sm、caption）？
- 每个字号比例档位是否用于预期用途——标题用作标题，标签用作标签？
- 是否存在不属于已定义字号比例的中间字号或任意字号？
- 各层级之间是否有足够的对比度（建议每档比例 ≥1.25×）？
易读性
评估文字在当前情境下是否易于阅读。
- 正文是否达到最小字号阈值（桌面端为 16px / 1rem；移动端最小为 14px）？
- 行高是否符合内容类型：标题更紧凑（1.1–1.3），正文更宽松（1.4–1.6）？
- 正文行长（字数）是否控制在 45–75 个字符？
- 字间距是否合适——没有过度加宽或挤压到影响阅读？
- 文字与背景的对比度是否符合 WCAG AA（正文 4.5:1，大号文字 3:1）？
一致性
评估整个屏幕上的字体排印决策是否统一。
- 语义相同的元素（例如所有卡片标题、所有表单标签）是否使用相同的字体样式？
- 对齐方式是否一致——是否有意采用左对齐、居中或右对齐，而非随意混用？
- 字重是否使用一致，而非随意变化（例如某些标签加粗，其他标签使用常规字重）？
- 是否存在孤立样式——仅出现一次、其他地方没有使用的字体排印样式？
令牌合规性
评估是否使用字体排印令牌，而非原始值。
- font-family、font-size、font-weight、line-height 和 letter-spacing 是否通过令牌设置？
- 是否存在本应引用令牌的硬编码 CSS 或设计属性值？
- 列出每个不合规值及其对应的正确令牌名称。
输出格式
针对每个维度——Scale、Readability、Consistency、Token Compliance——提供：
- 观察——你看到的内容（中立、客观）
- 问题——存在什么问题，以及问题为何重要
- 修复——具体、可执行的修改（适用时包括正确的令牌名称）
为每个维度评级：
pass/minor issue/major issue。
常见失败模式
- 字号比例偏移——设计师每次只微调 1–2px，而非调整到下一个已定义档位
- 行高不匹配——展示字号使用正文行高，反之亦然
- 对齐方式混用——居中标题置于左对齐正文上方，却没有合理依据
- 组件中存在硬编码的 font-size 值，因为未找到或未更新对应令牌
- 过度使用粗体——单个屏幕上启用超过两个字重级别，削弱了对比度
评论
支持 Markdown