淘天前端 AI 应用开发体系白皮书：从基建到 Agent 的一站式实践

1. 淘天前端 AI 应用开发体系白皮书从基建到 Agent 的一站式实践殷献勇（逆葵）蚂蚁终端体验科技大会

2. 背景：AI 时代的前端研发需求 /01 AI Coding 时代来临，AI 成为前端开发者不可或缺的助手 /02 传统前端工具链需升级，让 AI 理解内部技术栈和业务场景才能真正发挥价值 /03 构建 AI 原生的应用开发体系，将 AI 深度融入开发流程，全面提升研发效率

3. AI 应用研发体系概览本地编码前端基础设施一体化调试领域知识库上下文工程 Agent 工作流代码理解配置式编程式研发平台工具

4. 为什么从本地编码切入文档浏览器一个前端开发的一天… 编码答疑发布平台监控运维

5. AI 研发编码场景典型痛点 /01不理解内部技术栈及业务场景——到处复制粘贴上下文 /02庞大的代码数量—— AI/人类存在理解成本 /03固定流程的重复性工作——缺乏自动化的工作流本地编码 AI 基建 + Agent

6. 前端基础设施

7. 前端基础设施前端领域知识库代码理解研发平台通识知识代码索引具构建前端资产语义摘要业务域知识函数依赖图发布 CodeWiki 监控

8. 前端领域知识库业务领域知识交易营销直播自营通识类知识终端通知识 … 资产类知识 API 基础框架研发平台常见答疑案例渲染引擎性能优化方案安全生产规范组件库容器能力问题排查方案……

9. 代码理解语义检索函数依赖关系根据自然语言描述返回相关代码片段/文件给出函数/组件的调用关系和影响范围

10. 研发平台工具构建发布成监控

11. 本地编码

12. 本地编码 AI 基建——知识库集成前端领域知识库手动/自动触发 RAG

13. 本地编码 AI 基建——代码理解项目维度代码自动索引手动/自动触发 Codebase Search

14. 本地编码 AI 基建——研发平台工具 /示例拉取线上 JS Error 信息并分析

15. 本地编码 AI 基建——AI 调试 • 内置 Preview—— WebView/云真机 • 集成 DevTools MCP——AI 感知时上下运

16. 本地编码 AI 基建——AI 调试 • 内置脚本提取选中元素信息——AI 感知 UI 上下

17. 本地编码 AI 基建——Agent

18. 本地编码 AI 基建——Agent 整体架构

19. 本地编码 AI 基建——Agent 配置式 Agent

20. 本地编码 AI 基建——Agent 编程式 Agent 运行时序图

21. 本地编码 AI 基建——Agent • 体验——JSON-RPC 2.0 + 流式增量传输 • 安全——IDE 内置具开放机制

22. 本地编码 AI 基建——Agent 示例——代码迁移 Agent

23. 本地编码 AI 基建——Agent 迁移前迁移后上线两个 ——累计迁移代码数接近六位数

24. 总结展望

25. 需求环节领域知识库技术方案开发环节测试环节部署运维上下文工程发布平台类代码理解评测资产类研发平台工具生产知识库 AgentMCP 扩展前端基础设施本地编码云端编码

26. Thanks