AI认知篇1:什么是React agent

前言

这是我的agent系列文章的第一篇,该系列分为三部分:

  • AI认知篇:详细讲解相关基础概念
  • AI实践篇:分享诸如skills怎么写、怎么ai coding、怎么写好prompt等的最佳实践
  • AI八股篇:分享我自己整理的应付大模型应用开发岗位必备的八股笔记

如果觉得有帮助,欢迎关注我并期待后续文章!预期是日更哦!当天没更可能是因为太累了,周末会弥补的。

一、ReAct 核心:Reasoning + Acting,边想边做

ReAct 拆开就是 推理(Reasoning)+ 行动(Acting),核心逻辑:

AI 不先定死全流程,而是走一步、看一步、想一步,循环完成任务

通俗对比

  • 传统方式:出门前查好全程路线,严格按路线走
  • ReAct:到路口看路牌、看环境,再决定左转 / 右转,灵活调整

二、工作流程:观察 → 思考 → 行动(循环)

以「查北京天气 + 穿衣建议」为例,极简链路:

  1. 观察:接收用户问题
  2. 思考:判断需要查天气
  3. 行动:调用天气工具
  4. 观察:拿到温度、天气数据
  5. 思考:需要查穿衣建议
  6. 行动:调用穿搭知识库
  7. 观察:拿到穿搭方案
  8. 思考:需要保存结果
  9. 行动:写入文件
  10. 观察:任务完成

全程无固定步骤,每一步都依赖上一步结果动态决策。

三、为什么要用 ReAct?

传统固定流程的痛点

遇到 API 报错、数据异常、需求变更,直接卡死。

ReAct 优势

ReAct 的优势就在于它能根据实际情况灵活应对,而不是遇到意外就卡住。

小代价

行为可预测性略低,偶尔会出现无效操作,但复杂场景下收益远大于成本。

四、ReAct 5 个核心要素

  1. 历史上下文:记录所有思考、行动、结果,避免重复 / 走错
  2. 当前环境信息:用户输入、系统状态、实时数据等
  3. LLM 大脑:负责推理、做决策
  4. 工具 / 动作(toolcall):搜索、查询、读写文件等实际操作
  5. 观察结果:工具返回内容,驱动下一轮推理

五、执行逻辑举例

下面用一个完整的例子,看看 ReAct 是怎么一步步解决问题的。假设任务是:"帮我查一下北京今天天气怎么样,适合穿什么衣服。"

Round 1

已知

**:

当前历史上下文

&{历史上下文}

当前环境信息

**:

&{当前环境信息}

用户目标

**:**"帮我查一下北京今天天气怎么样,适合穿什么衣服。"做出下一步的决策 .你必须最少使用一个工具来实现该决策

天气查询工具调用:查询 "北京今天天气"

天气查询工具返回:获取到天气数据:温度 25°C,晴天,湿度 60%,风速 3m/s

Round 2

已获取北京天气数据(25°C,晴天,湿度 60%,风速 3m/s)

天气工具:无额外环境信息

同上,提示词不会变化

穿衣建议知识库查询工具调用:查询 "25度晴天适合穿什么衣服"

穿衣建议知识库查询工具返回:25度晴天建议穿短袖 T 恤或薄长袖,可以带一件薄外套以防早晚温差,建议戴帽子和涂防晒霜

Round 3

天气数据(25°C,晴天,湿度 60%,风速 3m/s);已获取穿衣建议:25度晴天建议穿短袖 T 恤或薄长袖,可以带一件薄外套以防早晚温差,建议戴帽子和涂防晒霜

天气工具:无额外环境信息、穿衣知识库工具:无额外环境信息

同上,提示词不会变化

writeToFile工具调用:内容为"北京今天天气:25°C,晴天,湿度 60%

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

内容包含: 1.后端八股大全:多一句没有少一句不行的最精简八股整理,完全可以应付校招八股拷打! 2.速成项目话术:目前有魔改苍穹外卖项目话术(额外扩展了很多技术亮点),能速成拿去面试,后面会更新agent开发等等热门高质量项目话术 3.智力题超详细题解汇总; 4.面试时非技术问题话术整理,绝对震惊面试官一年; 5.算法lc hot100全题系列题解:绝对通俗易懂。 欢迎订阅!

全部评论
该系列日更哦,欢迎大家关注
点赞 回复 分享
发布于 02-27 22:59 北京

相关推荐

他们都管我叫八股王:没有什么可焦虑的,可以在学前端的同时补一些Agent的知识,好好学就行了,先入行再说实在担心的话可以去问一下业内人怎么看的,实际上业内人也是对ai看法不一,更不用说一些用ai生成个破网页的外行人就说前端已死,类似的话五六年前就有了,到现在客户端都没死,更不用说前端了,换个方向照样有劝退的,踏踏实实学就好,这个行业平台最重要
点赞 评论 收藏
分享
AI Agent技能Skills设计(前端视角·牛客精简版)一、核心概念:Agent & Skill•Agent:带大脑(LLM)、能调工具、可做决策的程序,类比前端应用层Controller•Skill:Agent可调用的结构化能力单元,类比前端函数/API/组件/Hook的结合体,是AI原生的能力载体二、Skill核心结构(4要素)要素含义前端类比name技能唯一标识函数名description能力+使用场景描述JSDoc注释inputSchema输入参数定义TypeScript类型handler实际执行逻辑函数体/API请求逻辑三、Skill核心调用机制(AI自主决策)用户输入→Agent交给LLM→LLM判断是否需要Skill→选择并构造参数→调用Skill→返回结果→LLM整理输出✅ 核心区别:前端是人工写判断调用,AI是LLM自动决策调用从前端视角来看,Skill是Agent可调用的结构化能力单元,类比前端的函数、API与Hook结合体,核心包含名称、描述、输入定义和执行逻辑四大要素,其关键是由LLM自主决策调用,而非人工手动触发,设计上要遵循描述优先、输入清晰、单一职责和可组合性原则,还需按定义能力边界、撰写AI可理解描述、设计输入Schema、实现执行逻辑的步骤工程化落地,同时能清晰区分Skill与MCP的核心差异——Skill是应用层的能力定义,MCP是基础设施层的能力传输协议,二者协作可为Agent提供可执行的能力,而前端开发者可基于Skill打造AI Copilot、智能业务工具,或是构建AI应用的后端能力层,实现从手动调用API到AI自主决策调用的开发模式升级,也能借助Skill更好地衔接前端UI交互与AI的自动化执行能力。
面试官最爱问的 AI 问...
点赞 评论 收藏
分享
评论
10
22
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务