Skip to main content
不想手动完成这些设置?将本页链接粘贴到 Devin session 中,让它帮你完成所有配置。
1

让 Devin 学习并掌握你的设计系统

扫描器的效果取决于它所检查的规则质量。与其自己编写 Knowledge 条目,不如将 Devin 指向你的设计系统源代码文件,让它自动生成 Knowledge。打开一个新的 Devin session,并粘贴如下提示:Devin 会读取这些源代码文件,提取规则,并创建类似下面这样的 Knowledge 条目:
  • Color tokens — “所有颜色都必须使用 src/tokens/colors.ts 中的 token。绝不能使用原始的十六进制值,例如 #3B82F6。请改用 colors.primary.500。”
  • Spacing grid — “所有间距都必须遵循我们的 4px 栅格系统。使用 src/tokens/spacing.ts 中的间距 token (例如,spacing.2 = 8px,spacing.4 = 16px) 。绝不要硬编码像 margin: 10px 这样的像素值。”
  • Component library — “始终使用 src/components/ui/ 中的共享组件——包括 <Button>、<Avatar>、<Modal> 和 <Card>。不要创建一次性替代组件。”
在 Settings → Resources → Knowledge 中查看生成的条目,并在继续之前微调措辞或触发条件。
2

连接 Linear 以创建工单

每日扫描会为其发现的每个违规在 Linear 中创建工单,因此在设置自动化之前先连接 Linear。
  1. 前往 Settings > Connections > Linear 并点击 Connect
  2. 授权 Devin,并选择它可访问的团队
  3. 在 Linear 中创建一个名为 “Design Debt” 的项目
  4. 创建一个名为 “design-fix” 的标签——你将在最后一步使用它来触发自动修复
完整的设置指南请参见 Linear 集成。
3

设置每日扫描计划

在 sidebar 中前往 Automations,然后点击 Create automation。按如下方式进行配置:
  • Name: Design system scanner
  • Trigger: 展开 Schedule 并选择 Every day — 9:00 AM (你团队所在的时区)
  • Email notification: 在 Notifications 下,添加一个设置为 Always 的 Email notification (这样你每天早上都能看到结果)
将以下内容粘贴为提示词:你也可以在 Automations 页面的聊天输入框中用自然语言描述这个自动化,Devin 会为你生成相应配置。更多详情参见 Schedule triggers。每天早上扫描完成后,你会在 “Design Debt” 项目中看到类似这样的工单:
4

通过自动修复 PR 完成闭环

一旦你信任扫描器的输出结果,就可以修改提示词,让 Devin 在同一次运行中顺带修复违规问题——无需额外触发步骤。只需在扫描提示词的末尾添加一个修复步骤:现在整个闭环可以全程自动运行:扫描 → 创建工单 + 修复 PR → 审核。每天早上,你都能同时看到违规报告以及对应的修复 PR。要生成一份每周违规汇总报告,可以运行下面这个后续提示词: