Trae Agent

90 阅读3分钟

一、Chatbot 与 Agent 的核心区别

对比维度Chatbot(聊天机器人)Agent(智能体)
响应模式被动响应,需用户主动输入交互主动规划,可自主拆解任务
能力范围聚焦问答交流,功能单一整合工具(如文件操作、搜索),能完成复杂任务
目标导向解决即时咨询,无明确任务闭环以达成预设目标为核心(如代码检测、报告生成)

简单来说:Chatbot 是 “你问我答的对话工具”,而 Agent 是 “主动干活的智能助手”。

二、深入了解 Agent:Trae 架构的核心

1. Agent 的本质

Agent = 提示工程(PE)+ 工具(Tools)。它通过提示工程理解用户需求,再调用对应工具(如文件系统、终端、搜索引擎),将抽象需求转化为具体行动,最终完成任务。

Trae 采用 “Agent First” 架构,正是因为 Agent 能直接解决实际项目问题,而非仅停留在对话层面。

2. Agent 的核心能力

  • 任务拆解:将复杂需求(如 “调研前端框架”)拆分为 “确定指标→收集信息→分析对比→生成报告” 等步骤
  • 工具调用:根据任务需求,自动启用对应工具(如代码检测需调用 “文件系统” 工具读取代码)
  • 结果优化:能根据规则修正问题(如代码检测中自动移除console.log、规范命名)

三、Trae 中 Agent 的实战:代码检测案例

1. 自定义代码检测 Agent 3 步配置

  1. 创建 Agent:在 Trae 对话框点击「@智能体 > + 创建智能体」

  2. 配置规则与工具

    • 提示词:定义 “前端代码审查专家” 人设,明确 4 大规范(JS/TS 符合 Prettier、CSS 按字母排序、文件命名规范、禁止console.log)例如:你是一个严格的前端代码审查专家。你的任务是分析我提供的代码,并确保它遵循以下规范:

      1. 所有的 JavaScript/TypeScript 文件必须符合 Prettier 格式化标准。
      2. 所有 css 属性必须按照字母顺序排列。
      3. 组件文件名必须用大驼峰命名法 (PascaleCase),工具函数文件名必须使用小驼峰命名法 (camelCase)。
      4. 禁止代码中使用 console.log。如果发现不符合规范的代码,请直接给出具体的修改建议,并提供修改后的完整代码。
    • 工具:勾选 “文件系统”,用于读取和修改代码文件

  3. 启用使用:点击 “创建” 后,即可上传代码进行检测

2. 检测效果示例

  • 待检测代码(问题点:下划线命名、冗余console.log、缩进不规范):

javascript

运行

function get_user_info() {
  let user = {
      name: 'ai',
      age: 18
  }
  console.log(user)
  return user;
}
get_user_info();
  • Agent 修复后代码(自动优化命名、删调试语句、规范格式):

javascript

运行

/**
 * 获取用户信息
 * @returns {Object} 用户信息对象
 */
function getUserInfo() {
  const user = {
    name: 'ai',
    age: 18
  };
  return user;
}
getUserInfo();

四、欢迎体验 Trae 的 Solo 模式

想亲自感受 Agent 的强大功能?推荐尝试 Trae 的 Solo 模式 —— 在这里,你可以从零开始创建专属智能体,自由配置提示词与工具,沉浸式体验 “用 Agent 解决实际问题” 的高效与便捷。无论是代码检测、文档生成还是项目管理,都能通过自定义 Agent 实现自动化处理,快来探索吧!