跳转到使用指南
Critique Typography作者 owl-listener

Critique Typography Skill.

依据可读性和现有字体系统,检查实际渲染的文字。

  • 文字排版
  • 可读性
源文件解读 · critique-typographySKILL.md
任务 依据可读性和现有字体系统,检查实际渲染的文字。 产出 按字号尺度、可读性、一致性和设计变量合规性分组的问题发现。 开始前的准备 画面级点评需要实际输出,不能只看一份 CSS 声明列表。
编辑摘要 · 源文件核查于 2026-11-02 · 非生成示例

01 功能说明

依据可读性和现有字体系统,检查实际渲染的文字

检查画面的字号尺度、可读性、一致性与设计变量使用规范,给出具体问题和修正建议。

基于来源的工作流并非执行基准测试

工作方法

Critique Typography 检查实际渲染画面中文字的使用方式,涵盖字号尺度的应用、阅读舒适度、一致性和设计变量合规性。有价值的发现既说明实际看到的情况,也指出应当使用哪项现有样式或设计变量,帮助团队修正具体的不一致。

源文件列出了行长、行高、字距、对比度和语义角色等具体检查维度,也要求检查同类元素是否得到一致处理。因此它适合在界面构建后使用,尤其适用于局部调整逐渐削弱原有字体系统的情况。

预期交付物

  • 按字号尺度、可读性、一致性和设计变量合规性分组的问题发现。
  • 每个问题对应的观察、解释和可执行修正。
  • 每个已检查维度的通过、轻微问题或严重问题评级。
查看示例简报

从简报到审查

  1. 01
    观察实际渲染的文字排版

    对照已定义的文字样式与设计变量检查画面。按实际角色识别标题、标签、正文和说明文字。

  2. 02
    评估阅读条件

    结合上下文检查字号、行高、行长、字距和对比度。把源文件中的数值建议作为检查依据,并结合产品需求评估。

  3. 03
    比较同类元素

    检查重复的标签、标题和文本块是否使用一致的字重、对齐方式和字号层级。找出一次性样式和任意插入的中间值。

  4. 04
    将发现对应到修正

    对每个维度,将中立观察与问题、修正建议分开。在已有定义适用时,明确写出应使用的设计变量。

02 适用场景

适合什么场景

画面级点评需要实际输出,不能只看一份 CSS 声明列表。

适合的场景

  • 排版逐渐偏离规范已经构建的画面累积了随意的字号或字重调整。
  • 聚焦的视觉点评布局已经确定,但文字层级或阅读舒适度仍需改善。

需要检查的限制

  • 需要渲染证据画面级点评需要实际输出,不能只看一份 CSS 声明列表。
  • 基于现有系统初始字号尺度的定义属于独立的 typography-scale skill。
  • 评估范围有限排版检查不等于完整的无障碍认证或产品全面审计。

请提供这些输入

  • 渲染后的画面提供界面在重要尺寸和状态下的实际效果。
  • 字体定义提供文字排版设计变量及其预期角色。
  • 内容背景包含真实文字、语言和阅读条件。

03 关键决策

影响结果的关键选择

  1. 具体的修正

    修正可以直接指向应采用的确切样式或设计变量。

  2. 可对比的维度

    报告将字号尺度问题与可读性、一致性问题分开。

  3. 可见的证据

    问题发现描述检查者实际能够观察到的情况。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

查看源文件和环境要求

提供界面在重要尺寸和状态下的实际效果。

上游源文件
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/SKILL.md

下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求;这不是安装命令。

先完成一项明确的交付物

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例简报
使用 critique-typography 检查数据分析总览在桌面和移动端宽度下的实际渲染效果。将可见的标题、标签、数值和正文与我们的文字排版设计变量比较。检查字号尺度的使用、行高、阅读行长、对比度,以及同类元素之间的一致性。对每个维度给出中立观察、问题解释和具体修正,并在已有定义时注明正确的设计变量名称。评级为通过、轻微问题或严重问题。保留当前布局方向,区分已测量的属性和需要进一步查看才能作出的判断。

检查结果

根据以下可观察标准检查实际输出。

  • 每个问题都对应可见元素及相关文字角色。
  • 设计变量建议使用项目中的真实定义。
  • 评级附带观察和具体修正。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
owl-listener
技能文件
SKILL.md
许可证
MIT
已审查的快照
2026-11-02 · 9a6930cf84a8
编辑来源摘要
依据可读性和现有字体系统,检查实际渲染的文字。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标,并不代表技能使用量或质量评分。

06 开始前的问题

开始前可能想问

它会定义新的字号尺度吗?

源文件聚焦于检查使用情况,并把字号尺度的创建交给独立 skill。

问题发现采用什么格式?

每个维度包含观察、问题解释、可执行修正和严重程度评级。

它会检查硬编码的文字样式值吗?

会。设计变量合规性检查包括字体族、字号、字重、行高和字间距。

OpenDesign

让需求和设计工作保存在一起。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流程前,请检查其自身的设置说明。

上游源文件
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/visual-critique/skills/critique-typography/SKILL.md