WeaveFox:从代码生成到智能协同的升级之路
如果无法正常显示,请先停止浏览器的去广告插件。
1. WeaveFox:从代码生成
到智能协同的升级之路
张亚峰(牧秦)・蚂蚁集团 WeaveFox 负责人
蚂蚁终端体验科技大会
2. WeaveFox
& AICoding 的起点
3. 前端研发挑战
业务智能化升级
4. WeaveFox-VL 多模态生码
5. 多模态生码 → Vibe Coding
6. 挑战与思考
7. /01 不止图生码
从设计图到前端代码,在前端
研发场景中只是一环,如何满
足更多的研发场景
/02 更智能、更准确
如何打造更智能的产品,准确
理解用户意图,挖掘用户潜在
需求,帮助用户生成高质量、
生产可用的代码
/03 已有项目结合
有很多项目,已经存在大量的
历史代码和专用代码,如何复
用已有代码或者对二次修改进
行更好的支持
8. 单一智能体的局限
• 复杂需求需跨角色协作• 可拆解的子任务
• 意图理解不完整 → 生成结果偏离预期• 分工协作
• 难以规划和执行复杂任务• Agent 协同
• 上下文 Token 限制
9. WeaveFox
Agentic 升级之路
10. Agent 的发展
Agentic AI - 目标驱动自适应架构
规划路径、拆解任务
自主完成、持续评估、动态调整
Multi Agent - 角色驱动
AI Agent - 单智能体
思考、使用工具
执行操作
记忆、反思
多智能体协作
11. 多智能体协同架构
角色分工协同机制上下文管理
模仿人类研发团队的角色分工,将整个
研发任务进行拆解引入多 Agent + Tools,同时设定整个
架构的协同机制,基于编排和动态决策
的方式协作通过精准的上下文管理,为模型设计一
个最优的信息供给系统
每个专家负责确定的目标,高质量完成
12. WeaveFox Agentic 流程
13. WeaveFox Agentic 实践
14. Agentic 实践之
Human In The Loop
15. Agent → 用户交互
用户需求
模型识别意图
结构化提问
🤖 高效理解 & 执行
AG — UI
进入下一环节
模型整合 & 确认
用户反馈
👨💻 关键决策
16. Agent → 用户交互
专业开发者 - 技术栈
需求补充
需求细化
17. Agentic 实践之
挖掘用户潜在需求
18. 写一个骑行官网,需要有俱乐部介绍,同时有登录和会员中心
模糊需求
需求确认
PRD
成
设计
档
🔥 还需要告诉模型,
最佳实践是什么
代码
成
19. 效果演示
20. Agentic 实践之
对抗模型幻觉
21. 💥
模型生成了不存在的 Icon
运行期报错
22. 模型幻觉 - 原因 🤔
• 模型训练数据滞后
• 使用 npm 包版本混淆
• 幻觉编造看似合理的内容
• 社区生态复杂,模型混淆包/组件名
23. 模型幻觉 - Context ✅
• 引入 Context Tool
• types_resolve_library
• types_resolve_member
• types_get_available_members
• https://context7.com/
24. 模型幻觉 - Lint/Review ✅
码
Lint 专家 Agent
动修复 Agent
25. 上下文工程
为模型设计一个最优的信息供给系统
26. File System
摘要
裁剪
压缩
RAG
Context7
Context Tools
System Prompt
Messages
User Prompt
LLM智能体
无状态模型有记忆、能理解环境
27. • Long-term Memory 文件存储
• PRD / Design 等设计文档按需读取
• 提供工具
• read_ le / write_ le / delete_ le
• list_directory / grep / glob / web_search / …
• 历史消息裁剪、摘要
• 修改对话中,引入步骤拆解规划
28. Agentic 实践之
基于 Work ow 的代码优化
29. 多模态生码准确度
WeaveFox-VL 生码
验收专家
UI 验收
代码验收
优化专家
UI 问题修复
响应式布局处理
Repeat 结构抽取
组件类型纠正 等等
30. WeaveFox-VL 生码准确度
原设计图
🤔 初版代码渲染✅ 优化后渲染
自动 验收完成 优化
31. AI-IDE 内能力集成
32. AI-IDE 全面集成
多模态
码
智能体
态
前端场景
WeaveFox
获取项目上下文
意图 识别
User Project
Code
Rules
项
规范
DeepWiki
组件列表
Context7
项目生产级代码
……
33. AI-IDE & WeaveFox 智能体生态
意图识别
WeaveFox 智能体
代码生成
34. 欢迎体验
https://www.weavefox.cn/