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>。不要创建一次性替代组件。”
2
连接 Linear 用于创建工单
每日扫描会为其发现的每个违规在 Linear 中创建工单,因此在设置计划之前先连接 Linear。
- 前往 Settings > Connections > Linear 并点击 Connect
- 授权 Devin,并选择它可访问的团队
- 在 Linear 中创建一个名为 “Design Debt” 的项目
- 创建一个名为 “design-fix” 的标签——你将在最后一步使用它来触发自动修复
3
设置每日扫描计划
前往 Settings > Schedules,然后点击 Create schedule。按如下方式进行配置:
- Name: Design system scanner
- Schedule type: Recurring
- Frequency: Daily at 9:00 AM (你团队所在的时区)
- Agent: Devin
- Email notifications: Always (这样你每天早上都能看到结果)
4
通过自动修复 PR 完成闭环
一旦你信任扫描器的输出结果,就可以修改提示词,让 Devin 在同一次运行中顺带修复违规问题——无需额外触发步骤。只需在扫描提示词的末尾添加一个修复步骤:现在整个闭环可以全程自动运行:扫描 → 创建工单 + 修复 PR → 审核。每天早上,你都能同时看到违规报告以及对应的修复 PR。要生成一份每周违规汇总报告,可以运行下面这个后续提示词:

