天猫以组件库知识和Prompt规范辅助前端开发

天猫团队在真实项目中用 AI Agent 做前端开发：后端同学在基本不懂 React 的情况下通过自然语言对话让 Agent 生成页面与组件，简单页面少量对话即可完成，复杂页面需多轮交互逐步引导。实践中暴露四类问题——目标描述不清（未指定使用相同组件导致只模仿样式、按钮位置改错）、给到 Agent 的信息不全（只截局部图导致样式修复失败，补全截图后 Agent 连带修改父组件才成功）、不同组件修改相互干涉（修复排行组件影响折线组件，需约束修改范围）、知识库缺失导致组件引用错误（Agent 使用落后版本组件库、需自定义实现跳转）。 据此沉淀四条规范：目标完整清晰的 Prompt、小问题即时调整大问题回滚重来、避免过长上下文及时新开对话、保留人工读懂并分析代码的能力。代码审查中发现请求与组件重复定义，提出构建 AI 驱动代码审查体系形成「AI 生成 + AI 治理」闭环。