《2.淘天前端 AI 应用开发体系白皮书:从基建到 Agent 的一站式实践-逆葵.pdf》由会员分享,可在线阅读,更多相关《2.淘天前端 AI 应用开发体系白皮书:从基建到 Agent 的一站式实践-逆葵.pdf(26页珍藏版)》请在三个皮匠报告上搜索。
1、淘天前端 AI 应用开发体系白皮书从基建到 Agent 的一站式实践蚂蚁终端体验科技大会殷献勇(逆葵)/01/02/03AI Coding 时代来临,AI 成为 前端开发者不可或缺的助手传统前端工具链需升级,让 AI 理解内部技术栈和业务场景才能真正发挥价值构建 AI 原生的应用开发体系,将 AI 深度融入开发流程,全面提升研发效率背景:AI 时代的前端研发需求前端基础设施本地编码领域知识库代码理解一体化调试上下文工程Agent 工作流研发平台工具配置式编程式AI 应用研发体系概览为什么从本地编码切入一个前端开发的一天文档浏览器答疑发布 平台监控 运维编码AI 研发编码场景典型痛点/01/02
2、/03不理解内部技术栈及业务场景到处复制粘贴上下文庞大的代码数量 AI/人类存在理解成本固定流程的重复性工作缺乏自动化的工作流本地编码 AI 基建+Agent前端基础设施通识知识前端资产业务域知识前端基础设施前端领域知识库代码理解研发平台具代码索引语义摘要函数依赖图CodeWiki构建发布监控前端领域知识库业务 领域知识交易营销直播自营通识类知识终端 通知识资产类知识API组件库基础框架渲染引擎容器能力研发平台常见答疑案例安全生产规范性能优化方案问题排查方案语义检索根据自然语言描述返回相关代码片段/文件函数依赖关系给出函数/组件的调用关系和影响范围代码理解研发平台工具OpenAPI SpecS
3、chema ParserMCP GeneratorTools平台导出 API 定义结构化解析具描述成AI 可调封装Tool 成式构建监控发布Tool 类型本地编码集成前端领域知识库手动/自动触发 RAG本地编码 AI 基建知识库本地编码 AI 基建代码理解项目维度代码自动索引手动/自动触发 Codebase Search本地编码 AI 基建研发平台工具/示例拉取线上 JS Error 信息并分析内置 Preview WebView/云真机集成 DevTools MCPAI 感知运时上下本地编码 AI 基建AI 调试本地编码 AI 基建AI 调试内置脚本提取选中元素信息AI 感知 UI 上下/为
4、什么要有 Agent默认 Code Agent 注重通编码能,但是缺少对特定需求的解决能难以执明确流程的重复性任务法专定义特定的上下及具本地编码 AI 基建Agent整体架构本地编码 AI 基建Agent配置式 Agent本地编码 AI 基建Agent编程式 Agent 运行时序图本地编码 AI 基建Agent本地编码 AI 基建Agent体验JSON-RPC 2.0+流式增量传输安全IDE 内置具开放机制本地编码 AI 基建Agent示例代码迁移 Agent本地编码 AI 基建Agent迁移后上线两个累计迁移代码数接近六位数迁移前总结展望前端基础设施本地编码领域知识库代码理解需求环节技术方案开发环节测试环节部署运维云端编码Agent研发平台工具上下文工程评测生产MCP 扩展发布平台类资产类知识库Thanks