打造生产级 Coding Agent
如果无法正常显示,请先停止浏览器的去广告插件。
1. 打造生产级 Coding Agent
架构、挑战与解决方案
陈成(云谦)・蚂蚁集团 高级前端技术专家
蚂蚁终端体验科技大会
2. 关于我
• 陈成(云谦)
• 蚂蚁集团体验技术部
• 之前写前端框架,Umi、Dva、Mako 等开源库
的作者
• 今年转做 AI,写 Code Agent,开源了 Neovate
Code
• 维护了 个 AI
刊:https://modelwatch.dev
• 本周(2025.11.22)代码 AI 率 95%+
https://sorrycc.com
3. Neovate Code 是什么
开放
开源、
件体系、
持主流模型和模型供应商、插
开友好、
持 slash
command 和 output type 扩展、...
多端
前有 CLI,Web 和 Desktop,
Background Agent 和 VSCode
Extension 等多端处于研发状态
最佳实践
快速迭代,紧跟社区 AI Coding 最新的
最佳实践。Spec Driven、Parallel
Code Agents 等。
4. 产级 Code Agent
Observable
可回放/可追踪
5. 挑战:真正难点在「稳定交付」
低效
多
6. AI
Coding
作流
Workspace Create → Brainstorm → Save Design → Implement → Review → Commit → Workspace complete
7. Spec Driven:让实现可预测
Spec Driven 解的
是可预测的问题,
ta 让你在需求和实
现之间的 100 条路
里选择了一条确定性
的。
Requirement → Implement
Requirement → 📝 Plan → Implement
Requirement → Constitution → 📝
Specify → 📝 Plan → 📝 Tasks →
Implement
Requirement → 🧠 Brainstorm → 📝
Design (→ 📝 Plan) → Implement
8. 1. 🧠 Brainstorm 模式
2. Spec 相关 Slash Commands
3. 会话回滚
4. AskUserQuestion
9. Parallel Agents
Parallel Agents 解
的是串行低效的问
题,可以理解为同
时雇 100 个 agent
实习生帮你干活。
Project → Task 1 → Agent 1 → Task 2 -
> Agent 2 → ...
Project → Task 1 → Agent 1 (Local)
→ Task 2 → Agent 2 (Remote)
→ Task N → Agent N
Project → Task 1 → Agent 1 (Model 1)
→ Agent 2 (Model 2)
→ Agent N (Model N)
10. Parallel Agents
CLI
Desktop
11. Neovate Code 架构与通讯
Clients
Tools
CLI
Desktop
Editor
Extension
Web
Built-In Tools
MCP
Background
as SDK
...
External System
Knowledges
Transports
stdin/out
node
Platforms
websocket
...
Tools
Humain in the loop
Engineering
Core
Context
MgrLog &
Observable
Prompt
MgrSlash
Commands
Mgr
Con g
Mgr
Subagent
Mgr
MCP
Mgr
Tools
Mgr
Workspace
Mgr
Update
Mgr
Extensions
Commands
...
Skills
...
Evaluation
Plugin
System
Providers & LLMs
Extensions
12. 上下
程
上下文工程是「code agent 能否长时间跑下
去」的关键。ta 关乎稳定、成本和体验。
因为有冲突、干扰、污染、过载的问题,所以
要压缩、摘要、合并、过滤、隔离和卸载等。
13. 试过的解
•
对 tool 结果做压缩,e.g. fetch 和 bash
• prompt caching 简单 效,所以要 append
const fetch_tool(url) = () =>
llm(fetch(url), summary_prompt)
only、保持 content 和 tool 的静态化等
• compact 的 n 种 式,1)摘要,2)lastN,摘要: [M1, M2, M3, M4] → [MwithSummary]
lastN:[M1, M2, M3] → [M2, M3, M4]
• 通过 subagent 做隔离,e.g. plan 和const plan = () =>
[M1, M2, M3, M4, ..., Mn]
return [MwithPlan]
3)替换 beforeN 的 tool result 为
placeholder,4)删除 before1 的 reasoning,
5)...
brainstorm
14. 大多
Code
Agent
• /clear to new
通常会提供用户侧
/resume
and
--continue
to
switch
•
• esc-esc to restore
工具,让用户对上
• ctrl-l twice to edit context munually
下文有更多的掌控
• of oad by tell ai to 「save ... as markdown」
权。
• @ le & dir to select / lter
户侧
15. 可观测:不
neovate log 回放
志,双击 ctrl-l 查看
结构化
“能看
志”
/context 可视化
16. • plugin to write your own code
agent
• 蚂蚁和快 有基于 Neovate
Code 做内部的 Code Agent
开放
态与扩展
户侧扩展
• con g
• slash command for prompt
• output type for system prompt
• headless for ci/cd and others• [WIP] extension
•• [WIP] skill
sdk
17. 3
个内测版
4
项
5
self update
edit mode
tool approval
内
知识库
6
/modelesc-esc to fork
new logger formatspec driven
output typenative function call
Neovate 品牌申请通过参加 QCon 开源展台
7
前端
程 3.0 产品发布会
第
次重构
slash commands
input chat ux
8
9
10
正式开源
参加外滩
第
11
参加 SEE Conf
会
NeoBackground
次重构
vscode extensionpaste text & windows support
todo & plan & 多模态/resume, /login, /logout, ...
@ search le & folderauto compact & AGENTS.md & output style
...
时间线
Neovate Code Desktop
Brainstorm Mode
neovate log
/context, /add-dir, ...
...
18. 快速上
# 1. Install (with npm or curl)
$ npm i @neovate/code -g
$ curl -fsSL https://neovateai.dev/install.sh | bash
# 2. AI Coding with Neovate
$ neovate
19. Thanks
如有疑问,可扫码加 Neovate Code 的现场群继续交流。