加载中

设计系统偏差审查

已上线的界面和 PR 中标记出的设计系统偏差。

15 分钟设计Claude Cowork
加载中

设置

尝试插件

Design 插件自带已经构建好的 /design-system,可以将界面或 PR 与令牌文件和组件清单进行差异对比。如果您的管理员负责管理插件,而该插件尚未启用,请跳过此步骤;下文内容均不依赖它。

DesignAccelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
添加
/design-systemAudit, document, or extend your design system.
在 Cowork 中打开
/ux-copyWrite or review UX copy — microcopy, error messages, empty states, CTAs.
在 Cowork 中打开

连接您的工具

当 Claude Cowork 直接与您的系统协作时,它会更加强大。您可以控制权限和访问权限。了解工具访问权限。

在 Cowork 中导航到 Customize → Connectors 进行设置。

GitHub
读取涉及 UI 的开放 PR,并将偏差报告作为审查评论发布。
连接
Figma
将已发布的库作为令牌和组件的权威来源。
连接
Slack可选
将每日偏差摘要发布到 design-system 频道以便分类处理。
连接

设置您的工作文件夹

将您要使用的文件(生产环境截图、正在审查的 PR 差异、令牌文件、组件清单)拖到您机器上的一个文件夹中,然后让 Cowork 指向该文件夹。Cowork 会从中读取内容,并将偏差报告写回该文件夹。如果您经常进行设计 QA,请从该文件夹创建一个 Cowork 项目,以便您的系统源文件始终保持关联。

Design-QA / Sprint-42
prod-settings-screen.pngApr 27, 2026820 KB
pr-4821-billing-panel.diffApr 27, 202614 KB
tokens.jsonApr 20, 202618 KB
在 Cowork’s 聊天栏中:Design-QA / Sprint-42

提示

将此内容复制到 Claude Cowork 中

对照我们的设计系统,审查此文件夹中已上线的界面和开放的 PR。对每一项,列出它在令牌、组件、间距或交互模式方面出现偏差的所有位置,评定严重程度,并提出符合系统规范的修复建议。已经匹配的内容请跳过。

Design-QA / Sprint-42

为什么这样有效

提示词

明确说明要检查的内容。 令牌、组件、间距、交互:清单一目了然。

提示词

要求对每项发现给出严重程度。 这样分类处理时就能知道本次迭代要修复什么。

提示词

说明要排除的内容。 报告只包含需要处理的工作,不包含噪音。

来源

将参考文件放入文件夹中。 令牌和清单是被读取的,而不是被记住的。

获得更好的草稿

练习

添加一个示例以供匹配。 将您喜欢的示例放入文件夹,Cowork 就会匹配您的结构和语气。

练习

要求它标记不确定的内容。 添加"标记出你不确定的任何内容",这样您在审查草稿时就知道先看哪里。

让 Cowork 为您所用

插件中的 /design-system 只是一个通用的起点。一旦第 2 步生成了您真正会发布到 PR 上的偏差报告,就告诉 Cowork 编写您自己的技能版本。加入您的严重程度阈值、允许的例外情况、组件到代码的映射关系,以及工程师能够接受的评论语气。只需几分钟的对话,此后该技能就会按照您的标准运行。

把我们在这个任务中目前所做的内容做成一个技能,或者根据我的反馈编辑 /design-system 技能。

Design-QA

让它可重复执行

将其分享为 artifact

偏差会在各个迭代之间悄悄累积。让 Cowork 将报告发布为 artifact,设计系统团队就能拥有一个链接——重新运行该技能,或安排它定期刷新。

将该偏差报告发布为 artifact,供 design-system 频道使用。持续统计仍未解决的高严重程度问题数量。

Design-QA / Sprint-42

在每个涉及 UI 的 PR 上运行它

在合并之前发现偏差的成本最低。在提示中输入 /schedule,或在 Cowork 侧边栏中打开 Scheduled,将定制后的技能设置为每天运行两次,检查开放的 PR 和最新的生产环境截图。

/schedule 工作日上午 10 点和下午 4 点,检查标记为 "ui" 的开放 PR,以及 Design-QA/Sprint-42 中的新界面,对每一项运行 /design-system,并将偏差报告作为评论发布,或发布到 #design-system。

Design-QA
定时任务活跃
每日两次偏差检查

在上午 10 点和下午 4 点,检查开放的 UI PR 和 QA 文件夹,运行 /design-system,并将偏差报告作为 PR 评论发布,或发布到 #design-system。

工作日上午 10 点和下午 4 点 · 检查开放的 UI PR 和 Design-QA/Sprint-42在 Cowork 中打开

与您的团队成员分享

您定制的 /design-system 现在已经包含了您的令牌、组件映射、严重程度等级和例外列表。分享它,让每个小组在每个 PR 上都能获得相同的审查,系统团队也不再是判断"这是否符合系统规范"的瓶颈。

设计 QA 会发生哪些变化