7.6
深览指数
科技Bestblogs·百度Geek说··AI 生成
让 Agent 按工程标准交付：AI Coding 下的质量关卡实践
百度Geek说团队分享了将验证流程前置到AI Agent开发阶段的工程实践，通过构建操作规则、代码验证、运行时验证、视觉走查和流水线审查五大关卡，将模糊的工程规范转化为可执行、可自动化的协议。文章的核心创新在于定义了Agent操作规则（渐进式加载规则与关键时机触发），以及一套实时的代码-运行时-视觉验证闭环，并展示了三个具体案例，证明该体系能显著减少人工返工，提升RD与QA协作效率。适合正在推进AI辅助编码、希望提升代码交付质量的工程团队负责人和资深开发者阅读。原文 ↗
核心观点
- ▍核心观点：将验证流程左移，通过Agent操作规则、代码验证、运行时验证、视觉走查和流水线审查五道关卡，把模糊的工程规范转化为可执行协议，让AI Agent在开发过程中自动完成自检和修复，从而提高上游交付质量，减少下游返工。
- ▍体系核心：构建了一套以Agent操作规则（rules目录+索引文件+渐进式加载）为顶层框架，code-validation、visual-verify、Figma To Verify、流水线审查为具体执行层的质量保障体系。
- 01Agent操作规则：在项目根目录的rules目录维护索引文件，Agent在执行对应类型任务时动态加载规则，避免依赖一次性Prompt，确保长期稳定的工程约束得到遵循。
- 02代码验证：使用独立subagent执行code-validation Skill进行即时代码审查，仅审查changed lines+必要上下文，实现写代码即时发现并修复问题。
- 03运行时验证：visual-verify skill通过CDP连接真实浏览器进行DOM断言、截图、控制台检查和记忆机制，捕获运行时错误、布局问题和控制台异常。
- 04视觉走查：Figma To Verify流程使用VET抹除动态内容、对齐DOM深度、通过子代理复核量化问题并进行标注，将主观的“感觉不像”转化为可量化、可标注、可修复的客户端视觉差异。
- 05流水线代码审查：将大规模diff拆分为小块并发派发给多个AI子进程独立审查，结构化驱动可视化报告、IDE修复、自动批量修复及闭环标记。
- 06案例1：快捷回复功能开发，Agent通过code-validation和visual-verify实现了从编码到验证的闭环，快速修复了类型错误和布局问题。
- 07案例2：RSpack HMR调试，Agent通过visual-verify发现并修复了HMR更新后页面组件未重新渲染的bug，涉及针对React组件的特定检查逻辑。
- 08案例3：Figma视觉走查，Agent通过VET对齐和子代理复核，发现并标注了图标位置偏移、间距不一致等视觉差异，并提供了修复代码。
反方 / 局限
- — 文章未提及该体系在复杂业务逻辑（如涉及多步用户交互的流程）或大量第三方依赖更新时的稳定性与误报率，也未讨论大规模AI审查带来的成本或延迟问题。
百度Geek说CDP (Chrome DevTools Protocol)VET (Visual Equalization Tool)FigmaRSpackHMR (Hot Module Replacement)code-validation Skillvisual-verify SkillDOM断言subagent
5 分钟 · 5 卡片 · 14 资料
读原文 →