2026 前端 AI Agent 工程化实战营系列第 1 篇

本文整理自《2026 前端 AI Agent 工程化实战营》课程资料,作为系列文章第 1 篇。

新的启程

cleaned-image_(3).png

2013 年,我踏入软件开发行业。至今已满 12 年,今年是第 13 个年头。最初从 Java 开发入门,随后尝试 Python,最终在互联网浪潮的末期来到杭州,成为一名前端工程师。

我清晰记得 2015 年前后的那个时代:Node.js 刚刚兴起,React、Vue、Angular 等前端框架如雨后春笋般涌现。我们这批"后来者"反而在前端开发范式的更新中拥有天然优势。那时,我甚至面试过一位有 10 年经验的开发者。对他而言,长期习惯 DOM 操作和 jQuery 的旧范式,突然要面对模式化、组件化的新方式,无疑是降维打击。而对只有两年经验的我来说,没有技术债务与思维固化,反而能在新模式下如鱼得水。

💡 那是我第一次真正感受到技术变革带来的红利——努力和敏捷学习,真的可以带来机会

没有学历、没有大厂背景,我走的每一步都如履薄冰,比别人更艰难。但也正是抓住了互联网浪潮与技术创新的机会,才让努力真正转化为成果。相反,那些未能及时升级技术的前辈们,不得不面对职业瓶颈:降薪、转岗,甚至转行,成为时代变革的代价。

有趣的是,这个场景在 2025 年又开始重演。随着大语言模型(LLM)一波接一波迭代,开发范式正以前所未有的速度变化。新工具、新方法、新模式层出不穷,效率与能力的天花板不断被刷新。抓住浪潮的人将再次站上技术红利的高地;停滞不前的人,很可能再次被时代抛下。


范式之变

cleaned-image_(4).png

这一轮技术变革与上一轮截然不同,带来的割裂更加彻底。不仅开发范式在改变,更重要的是人与机器的沟通方式正在发生根本性变化。图形化界面逐渐失去绝对优势,传统前端交互不再是核心。随着大语言模型快速迭代以及海量 AI 训练素材的涌入,开发者对视觉和交互的还原要求可以大幅降低——只要达到大多数用户能接受的水平就足够。

对前端开发者来说,这种变化极度不友好。同时,由于前端开发天然的可视化属性,“所见即所得”的优势在这轮变革中受到了直接冲击。多年来我们精雕细琢的 UI 和复杂交互,如今可以用自然语言描述并直接生成,效率远超传统方式。许多曾经必须亲自处理的细节与兼容问题,现在借助 AI 就能快速解决。

而后端开发者的处境同样严峻。过去,我们关注数据库设计、接口逻辑、业务流程,以及高并发与安全性。代码清晰、架构稳健,是衡量能力的标尺。然而,随着 LLM 与 AI 工具的成熟,后端开发方式也在悄然改变。智能体不仅能生成 API 代码,还能自动编写测试用例、处理异常逻辑,甚至辅助设计数据库模式与服务架构。曾经需要数小时甚至数天完成的任务,如今几分钟内即可生成可运行的方案。对经验丰富的开发者来说,这既是解放,也是挑战:你不再只是写代码,而是要学会与 AI 协作——设计系统与任务,让机器执行繁琐部分,同时保持整体架构的可控性与可维护性。

更关键的是,这次变革正在重新定义“工程师”的边界。传统软件开发技能仍然重要,但更高阶的能力在于:如何有效指导 AI 完成复杂任务,验证 AI 输出的正确性,并构建安全可靠的自动化开发链路。简单的 CRUD 或接口实现已不再是竞争力的核心,真正考验开发者的是对系统的整体理解、业务洞察力,以及与 AI 协作的能力。

借助 LLM 与 AI 编程工具,许多人可以快速完成项目搭建、页面开发与调整。虽然代码的简洁性与可维护性似乎不再重要,最终输出也可控、可接受,但这种趋势很容易产生错觉——仿佛完成可视化开发就等同于完成整个软件开发,从而营造出“工程师变得廉价”和“人人都可以是工程师”的假象。

⚠️ 但无论前端还是后端,AI 都对工程师与软件开发本身造成了巨大冲击。过去,我们习惯关注开发过程、逻辑推理与架构设计,这些"过程本身"的价值曾是衡量能力的核心。如今,随着 AI 工具的介入,过程逐渐"黑盒化",最终输出结果成为唯一的评判标准。


进一步的思考

过去,衡量一个工程师的能力往往依赖于语法熟练度、框架掌握程度,以及架构设计与业务理解。然而在 AI 时代,这个能力模型正在被彻底重构。

能力层次的重构

cleaned-image_(5).png

传统开发者的能力金字塔是:语法 → 框架 → 架构 → 业务理解。而在 AI 时代,这个金字塔可能变成:

🎯 这意味着,未来优秀的开发者不再是"代码写得最好的人",而是"最会设计人机协作流程的人"。其价值不再局限于手动实现功能,而在于设计流程、协调人机协作,并保证系统在复杂场景下稳健运行。

局限性

尽管 AI 显著提升了开发效率,但局限性依然存在:

新的分水岭

这一轮变革的分水岭不再是"会不会用新框架",而是:

  1. 能否指导 AI 完成复杂任务?
  2. 能否识别 AI 输出中的潜在问题?
  3. 能否设计出人类与 AI 各司其职的工作流?
  4. 能否从"执行者"转变为"架构师"和"质量守门人"?

那些只会依赖 AI 完成简单任务的人,很快会发现自己的竞争力下降;而那些学会驾驭 AI、让 AI 成为放大器的人,将获得指数级的能力提升。

回归本质来看,如果只是会用 LLM 完成当前业务需求,即使完成得再好,也只是一个新的“业务熟练工”——就像我们之前深究的八股文一样。如果不能理解其中的本质,依然会被快速淘汰,而且这一轮淘汰的速度远比想象中更快。这不是焦虑,而是事实。

当整个行业的开发都转向 AI 开发后,随着 LLM 对素材训练更加充分、对业务理解更加深入、上下文能力进一步增强,它的进化速度将越来越快,带来的是普通开发者的快速贬值。所以,如果你只是熟练使用 Cursor、Claude 等各种编程工具,那么与之前只会熟练使用 jQuery 而被淘汰的前辈没有任何区别。

那么,**真正有价值的能力是什么?**在 AI 时代,开发者的核心竞争力不再是“会用工具”,而是“理解系统本质”与“驾驭 AI 的能力”。这种能力体现在:能否设计出合理的系统架构,能否将复杂问题拆解成可执行的任务链,能否识别 AI 输出中的缺陷并进行修正,以及能否在人机协作中找到最优的分工点。

更深层次来说,当 AI 成为开发过程中的重要参与者,开发范式本身正在发生根本性转变。过去,我们习惯“人写代码,机器执行”;现在,我们正在进入“人设计流程,AI 协同执行,人验证结果”的新模式。在这个模式下,工程师的角色从“执行者”转变为“编排者”和“质量把关者”。

🔑 这种转变并非一蹴而就。它需要开发者重新理解软件开发的本质,理解 AI 的能力边界,并理解如何构建人机协作的工作流。而要真正掌握这些能力,就必须深入理解智能体(Agent)是如何演化出来的——这不仅是一个技术话题,更是理解 AI 时代开发范式变革的关键。


从大模型到智能体:开发一款 Agent 的渐进式路径

cleaned-image_(7).png

很多人看今天的智能体,可能会以为它是突然出现的:模型变强了,工具变多了,于是 Agent 自然就来了。

但如果回头梳理整个过程,会发现智能体并不是某一天被“发明”出来的,而是在开发者不断解决真实问题的过程中,一步步演化出来的。

最开始,大模型只是一个很强的生成器:能回答问题、能写代码、能总结文档、也能解释报错。但真实的软件开发从来不是一次回答就能完成的,而是一个连续过程:理解需求、拆解任务、查阅资料、调用系统、生成结果、运行验证、修复问题、持续迭代。

也正是在这个过程中,智能体开发逐渐形成了一条清晰的路径。


1. 先让模型可用:Prompt、结构化输出与可控性

开发智能体的第一步,不是让模型立刻自主行动,而是先让它变得稳定、可控、可复用

在早期实践中,开发者遇到的第一个问题往往不是模型不够聪明,而是输出不够稳定。

同样一个问题,可能每次回答都不一样;有时格式不对,有时逻辑不完整,有时甚至一本正经地胡说八道。

因此,最先被重视起来的其实不是 Agent,而是:

这个阶段的目标很明确:

先把模型从一个“随机发挥的黑盒”,变成一个“能稳定完成单点任务的模块”。


2. 再让模型接入流程:LangChain 与工作流编排

当模型能稳定完成单个任务之后,新问题很快出现:

真实任务不是一步完成的,而是由多个步骤组成。

比如一个代码需求,可能要经历:

这时候,单次调用已经不够用。开发者开始需要一种方式,把模型组织进一条可执行的链路里。

这也是 LangChain 这类框架最早流行起来的原因。

它的重要性不在于“接模型更方便”,而在于提供了一种新的组织方式:

从这里开始,开发者不再只是“调用模型”,而是在“编排模型能力”。


3. 让模型真正能做事:Tool Calling / Function Calling

即使流程搭好了,模型仍然有一个天然限制:

它会生成内容,但不会真正行动。

它可以告诉你“应该去查数据库”“应该去打开文件”“应该去调用接口”,但它自己并不能完成这些动作。

因此,下一步就自然演化出了 Tool Calling / Function Calling

这一步的本质,是给模型接上“手和脚”。

常见的工具能力包括:

从这个阶段开始,模型不再只是“回答问题”,而开始具备“执行任务”的能力。


4. 让模型边想边做:ReAct

当模型有了工具之后,下一个问题就变成了:

如果没有一套机制,模型很容易出现两种问题:

要么只会空想不行动;要么乱调工具,毫无章法。

这时候,ReAct 的价值就体现出来了。

ReAct 的核心可以概括为一句话:

让模型在“思考”和“行动”之间不断循环切换。

也就是说,它的工作方式不再是“一次性给答案”,而变成:

从这个时候开始,智能体才真正拥有了“围绕目标持续工作”的雏形。


5. 让模型知道它不知道什么:RAG

当智能体开始能调用工具、执行任务之后,一个更现实的问题会越来越明显:

模型并不知道你的项目,也不知道你的团队知识。

它没有:

这时候,仅靠模型参数里的“通用知识”已经不够了。

于是,RAG 才真正变得重要。

RAG 的本质不是让模型“更聪明”,而是让模型在回答之前:

所以它解决的不是“模型会不会说”,而是“模型有没有依据地说”。

对于 AI Coding 来说,RAG 几乎绕不开,因为代码开发本身就是一种高度依赖上下文的行为。


6. 让外部能力标准化接入:MCP

当工具越来越多、知识源越来越多之后,另一个工程问题就会出现:

每接一个系统都要重新适配,每个工具的调用方式都不一样,成本很高。

这时候,MCP(Model Context Protocol) 的价值就体现出来了。

你可以把 MCP 理解为:

智能体连接外部世界的一套标准协议。

它解决的不是“模型如何思考”,而是“模型如何统一接入外部能力”。

在这个层面上,MCP 可以把外部能力抽象成几个核心部分:

也就是说,MCP 不是一个具体工具,而是一种标准化接入方式。

它让模型、工具、知识源之间的连接更统一、更可复用,也更容易扩展。

简单说:


7. 把经验沉淀下来:Skills

如果说 MCP 解决的是“外部能力的接入”,那么 Skills 解决的就是“内部经验的复用”。

这是企业智能体开发中非常关键、但常常被忽略的一层。

很多时候,一个团队真正有价值的并不是单个 Prompt,而是长期积累下来的:

这些东西如果永远只存在于人的脑子里,或者散落在文档里,就很难被智能体稳定使用。

于是,Skills 的作用就体现出来了:

把可重复的方法和流程封装成可调用、可维护、可版本化的能力包。

你可以把它理解为智能体世界里的“业务插件”或“能力模块”。

这样一来,智能体就不再只是临时发挥,而是开始能够调用组织内部真正沉淀下来的经验。


8. 从单体到协作:Handoffs & Subagents

当智能体承担的任务越来越复杂时,单个 Agent 很快就会碰到瓶颈。

因为一个 Agent 如果同时负责:

很容易出现上下文膨胀、职责混乱、推理链过长等问题。

于是,下一步自然会走向:

Handoffs 的核心思想很简单:

把当前任务交给更适合处理它的 Agent。

比如:

这样,多智能体就不再只是“更炫的概念”,而是复杂任务下的一种自然分工方式。


9. 从能跑到能上线:Tracing、Evals 与工程化

走到这里,很多人会觉得智能体已经搭好了:

模型有了,流程有了,工具有了,ReAct 有了,RAG 有了,MCP 和 Skills 也接进来了。

但真正进入项目后,你会发现这还只是“原型能力”,离“工程能力”还差得很远。

因为一个真正能上线的智能体系统,还必须回答这些问题:

这时候,TracingEvals 就非常关键。

Tracing

用来记录智能体运行过程中的完整轨迹,包括:

Evals

用来系统性评估智能体效果,包括:

也就是说,到了这个阶段,智能体开发才真正从“会做 Demo”进入“会做系统”。


把整个过程串起来之后,你会发现:

开发一款智能体,并不是学几个新概念,而是在把大模型一步步推进成一套可控、可执行、可接入、可复用、可协作、可观测、可评估的软件系统。

这里面的每个概念,其实都对应着一个具体问题:

概念 解决的问题
Prompt 模型可控性
LangChain 流程编排
Tool Calling 执行能力
ReAct 思考与行动闭环
RAG 知识缺失
MCP 接入标准化
Skills 经验复用
Handoffs 复杂任务分工
Tracing / Evals 工程化落地

这样一来,这些术语就不再是零散的名词,而是一条清晰的智能体开发路径。


本书的学习计划

这本书并不打算把智能体开发拆解成一堆零散的概念,而是希望沿着一条更贴近真实开发过程的路径,带领读者一步步理解:一款智能体究竟是如何被设计出来、开发出来,并最终落地到真实项目中的。

全书的学习过程将分为三个模块,分别对应从基础认知到系统开发,再到工具实践与经验沉淀的完整路径。

1. 掌握智能体开发的基础能力

这一部分将从最基础的模型调用入手,逐步进入 Prompt 设计、结构化输出、上下文管理与工作流编排。读者将依次接触 LangChain、Tool Calling、ReAct、RAG 等核心概念,并理解它们分别解决了什么问题。

这一阶段的重点,不只是“会使用几个工具”,而是理解一款智能体为什么需要这些能力,以及这些能力如何从单点功能逐步组合成一个能够执行任务的系统。

2. 完成一个完整的 Agent 开发过程

在具备基础能力之后,本书将进一步进入工程化开发阶段。这里不再只讨论模型如何调用,而是开始系统讲解:一个智能体如何接入外部系统,如何通过 MCP 统一能力接入,如何利用 Skills 沉淀经验,如何管理记忆与状态,如何追踪执行过程,如何评估效果,以及如何处理安全、权限、成本和可观测性等关键问题。

这一阶段的目标,是带领读者真正完成一个完整的 Agent 开发过程,从“会做 Demo”走向“会做系统”。

3. 工具使用与开发经验分享

除了完整的 Agent 开发流程之外,本书还会穿插介绍各类 AI 工具的使用方式,并结合实际开发过程,分享个人在 AI Coding 与智能体开发中的实践经验、问题思考与方法总结。

这一部分不仅关注工具本身怎么用,更关注在真实开发场景中如何选择工具、组合工具,以及如何在不断试错和迭代中形成适合自己的开发方法。


写在最后

cleaned-image_(6).png

我常想,那些浪潮中我们能留下些什么:不只是代码,还有对变化的敏锐、对未知的好奇,以及勇敢踏上下一波浪潮的决心。

🌊 如今,我又一次站在十字路口,看着一波又一波的浪潮奔涌而来。未来的软件开发将走向何处,我还无法给出最终答案;但我知道,唯有真正理解并拥抱这场变化,才能不被浪潮裹挟,而是在新的时代里找到属于自己的位置。

这里是言萧凡的 AI 编程实验室。 我会在这里持续记录和分享 AI 工具、编程实践,以及那些值得沉淀下来的高效工作方法。 不只聊概念,也尽量分享能直接上手、能够复用的经验。 希望这间小小的实验室,能陪你一起探索、实践和成长。2026 年,一起进步。

有兴趣的话可以添加我的微信号一起交流,不仅是编程也可以是畅谈人生。