前端工程 3.0:企业级智能研发与 Agent 系统落地
如果无法正常显示,请先停止浏览器的去广告插件。
        
                相关话题:
                                    #AI Agent
                            
                        
                1. 前端
级前端技术专家            
                        
                2.             
                        
                3. 录
01 前端
程在 AI 时代的演进
02 上下
程 - 企业级前端研发的上下 管理
03 智能的
具体系 - 让
04 智能 作流 - 基于 Multi-Agent 的 Agentic Workflow 实现
05 总结与未来展望
具具备智能            
                        
                4. 前端
01
程在 AI 时代的演进
前端
程 3.0 背景及智能研发的思考            
                        
                5. 企业级前端研发领域
动化质检难以落地
UI、代码
(
格差异
,
动化
段成本
体验+ 质量要求,AI 产物的鲁棒性
效果差
佳…)
Frontend Engineering            
                        
                6. 前端
程在 AI 时代的演进 - 前端 程 3.0
Frontend Engineering
Software Engineering            
                        
                7. 前端            
                        
                8. AI 时代解决前端 程问题的机会
成、
有质的提升
Coding Agent
IDE 插件 / CLI / Web
质检系统
质
量
产
物            
                        
                9. 核
原则及关键解题思路
企业级 Coding Agent
需要解决的三
智能
核 问题
智能的
上下
具具备智能
完成单个研发环节的智能化升级,
理解前端的技术语义,提升复杂 同时覆盖更多研发节点
成效果
的代码
让
企业级前端研发的上下
项
程
具体系
作流
基于 Multi-Agent 的
Agentic Workflow 实现
结构化
作流和智能决策的有机结
合,实现研发节点的
效流转            
                        
                10. 02
上下
程
企业级前端研发的上下
管理            
                        
                11. 企业级前端研发的上下
程            
                        
                12. 企业级的上下
感知
核
围绕编码过程上下
展开,控制编码信息的实时
性,关注点聚焦性、可纠正性
提升上下
利
率、减少上下
负担            
                        
                13. 企业级的上下
成评分 0.59 -> 0.74
组件召回
代码召回
常答疑            
                        
                14. 03
智能的 具体系
让
具具备智能            
                        
                15. 智能的            
                        
                16. 智能的
具
系统性地解决复杂问题,各模块实现分治
智能的
具            
                        
                17. 智能的
动化为例
成
个订单列表
数据为空的测试
例编写
例
例执            
                        
                18. 智能的
成            
                        
                19. 智能的
代码逻辑分析
例
成/选取
然语
成
(基于 NL 描述)
的智能
例
成            
                        
                20. 智能的
执
报告
MCP
UI
动化 SDK
指令执            
                        
                21. 智能的
验收
测
智能审查
具设计 + 更
盘
智能质检
持 AST 规则 + AI 规则
持远端 + 本地扫描
内聚的
UI
的使
NL 例/智能场景组
多模态 UI 理解/ 对
效率 + 更易
的 HCI            
                        
                22. 智能的
设计
/ IDE 能
开放 / 上下
注
云端 Agent
本地 Agent
内置 MCP MCP Marketplace
read_file/write_file/.. jsdoc/browser_use/api_doc/playwright/git
企业级研发场景的必要设计            
                        
                23. 04
智能 作流
基于 Multi-Agent 的 Agentic Workflow 实现            
                        
                24. 为什么需要智能
智能 Mock
规范多样化
智能审查
个研发者具备前端专家的 know-how 经验?
智能质检            
                        
                25. 智能
智能决策
作流和
更
可控性
主决策的有机结合能有效提升 Agent 效果」            
                        
                26. 智能
作流 - 核
智能调试
智能编码
下
场景的
问题
步做什么?
泛性
传递
上下
多 Agent
上下
性
Multi-Agent 视
智能质检
信息如何传递?
问题的动态性
交互的易
智能审查
智能 Mock
要解决的核
问题
致性
限制            
                        
                27. 智能
交付注
交付审查与下级路由            
                        
                28. 智能
作流 -
作流控制
执行层
上下
召回与任务编排
Agent-1
工作流控制:
编排 → 调度 → 执行
有效召回与融合意图:基于
Agent-2
上下
后进
户输
,进
资源召回与判断,融合
任务意图分析
用户
交互
意图拆解与可控流程:完成意图拆解,得出任务完成计划以及对应
任务编排层
意图召回器
Intent Recall
交互
扩展 Hooks
Extension Hooks
交互
的Agent执
链起始节点,进 任务链制定,进 具体的调度与执
任务调度与执
召回资源池
文档索引
历史记忆
知识库
意图解析器
Intent Router
文件系统
统一用户界面
CLI / Web / IDE
交付判断
Deliver Judge
执
任务调度层
已完成
任务链生成器
TaskChain
无子任务
任务完成检测器
DoneChecker
下一子任务
交互 UI 界
未完成
执
标与执
过程结果,动态拼接 Agent
交接循环
户作为节点,要求补充信息、也可以以可
为节点,让 户主动操作推进,完成后进
与整体任务推进
链,产
可交互性:过程中可以
任务调度器
TaskScheduler
任务结束
Agent 交接循环:基于任务
阶段性交付            
                        
                29. 智能
作流 - Multi-Agent 中的 Context
Context Engineering is Critical
Multi-Agent 系统能有效缓解模型 Context
window
的问题,但引 了新的上下
管
理问题,即
「如何在多 Agent 间实现上下
From LangGraph: https://blog.langchain.com/benchmarking-multi-agent-architectures/
的有效共享」            
                        
                30. 智能
作流 - Multi-Agent 中的 Context
上下文循环:执行上下文 → 节点私有上下文 → 执行上下文
全局上下
需求输
全局上下文
全局上下文存储
/ 需求拆解信息 / 历史任务交付结果
⻓期记忆
执
短期记忆
历史交付信息
更新全局交付信息
执行上下文
上下
执行上下文管理器
各个 Agent 执 得到的核 上下 信息,
驱动下游 Agent 执 以及交付
Files / DB
注入执行上下文
节点私有上下文
传递补充后信息
,含执
补充私有信息收集
信息收集
节点上下
Agent 节点私有上下
Memory
传递补充后信息
有效信息片段
成过程详细信息
Agent 执行
补充私有 Agent 执行
意图识别
冗余执行结果
补充私有意图匹配
冗余文件内容
冗余意图匹配
输出控制逻辑
拼接新执行上下文            
                        
                31. 智能
重叠和冲突,上下
传递信息更准确
压缩,保留关键信息;确保任务关键描述注
共享记忆(如使
向量数据库)            
                        
                32. 智能
下
步预测
Agent 执            
                        
                33. 05
总结与未来展望            
                        
                34. 带来的成效和收益
服务蚂蚁 8+ BG,数
「前端 程 3.0」
效果展示
个部
持多个团队的定制 Agent、领域知识问答
向社区开源部分基础能
Neovate Code            
                        
                35. 关键经验总结
程在 AI 时代成功的机会,来
「软件
命周期很重要,但不执着于端到端交付」
算法 +
程 + 产品设计的三位
「覆盖完整研发
体」            
                        
                36. 未来规划与展望
对
程型
步释放产能            
                        
                37.             
                        
                38. THANKS
模型正在重新定义软件
Large Language Model Is Redefining The Software