赶潮之言:

      在字节跳动Trae更新之前,想要搭建一个能够自动化执行复杂任务的智能体,往往需要用户精心设置复杂的工作流,并且要调整各种令人眼花缭乱的参数,这使得许多普通用户望而却步,难以轻松上手。然而,新版Trae更新后,情况发生了巨大的改变。如今,创建一个能够自动化执行复杂任务的AI智能体变得前所未有的简单,用户只需轻松三步,就可以快速手搓出一个智能体,极大地降低了使用门槛,让普通用户也能轻松享受到AI带来的便利和高效。

下面我们来体验一下Trae怎样创建智能体的过程,用Trae创建一个智能体,它能自动搜索相关网页,截图,写代码,需要三步,可以雇一个免费AI员工为我们干活的赶潮之路。

1. 下载安装Trae-

首先,你需要下载 Trae。Trae 提供了国际版和国内版两个版本,你可以根据自己的需要进行选择:

根据你的使用场景,选择并下载对应的版本即可。

Trae国内版只能使用doubao1.5pro和DeepSeek,而且功能上也稍有差异。

下载后,按照安装向导一路next完成安装过程

2安装Node.js 

由于Trae是基于Node.js构建的,因此在使用Trae之前,确保你的系统中已经安装了Node.js是必不可少的。

1. 首先,访问Node.js的官方网站:[https://nodejs.org/](https://nodejs.org/)。

2. 在官网页面上,找到并下载适合你操作系统的最新稳定版本。下载完成后,按照安装向导的提示进行安装。

3. 安装完成后,打开终端(对于Mac和Linux用户)或命令提示符(对于Windows用户),输入以下命令来查看Node.js和npm(Node.js的包管理工具)的版本号,以验证安装是否成功:
   ```
   node -v
   npm -v
   ```
   如果安装成功,你将看到对应的版本号显示在终端或命令提示符中。

3. 创建智能体

现在,就让我们着手打造你的首个 Trae 智能体吧!在正式开启创建之旅前,务必要先梳理清楚自己的目标,这一步至关重要。因为只有明确了目的,你才能精准地为智能体配置相应的工具,比如让它具备搜索网页的能力、截图的功能,或者能够操作本地电脑等。

3.1安装工具

打开 Trae IDE 后,在右侧对话框下方点击“@智能体”选项,接着点击“+”按钮,选择“创建智能体”。

首先,你需要为你的智能体配置相应的工具。Trae 已经为智能体预装了一些工具,比如文件操作、网页搜索、命令行终端操作等。这些工具实际上是为了大语言模型(LLM)准备的MCP Servers。然而,这些内置工具还远远不能满足所有需求。

 

添加更多的工具就点添加MCP Servers。

在MCP市场中,你可以看到一些可以轻松配置的MCP。其中,Puppeteer是操作浏览器、进行网页抓取以及截图的必备工具。你只需要点击“+”按钮,然后进行确认,就可以轻松添加它。

如果我们要应对较为复杂的工作流程,配备一个流程规划师是相当关键的。Sequential Thinking工具堪称一位出色的流程规划师,它是一种结构化的问题解决利器,能够支持对复杂问题进行逐步分析、思路修正以及分支逻辑处理。它凭借灵活且可调整的思考流来剖析问题,从而引导智能体正确地处理工作流程。

在MCP市场中找到Sequential Thinking工具后,点击“+”号,进入它的介绍页面。在左侧的预览页,你可以看到它的GitHub介绍。接下来,复制其中的NPX配置json代码,将它粘贴到配置框里,最后点击确认按钮,即可完成配置。

部分MCP Servers在使用时需要获取其专属的API key,比如网络爬虫firecrawl-mcp-server就是如此。通常情况下,这类API key是可以免费获取的。你需要前往其官方网站,按照相应的指引完成注册或申请流程,即可获得专属的API key,进而顺利使用该MCP Server的功能。

3.2填写智能体提示词

在智能体的提示词框中,清晰地描述你希望创建的智能体所具备的功能。

以下是一个针对前面案例智能体功能的提示词示例:

你是一位专业的数据分析专家,擅长从网络中搜集信息,并进行深入的分析、提炼和总结。你可以根据用户指定的主题或提供的网址,搜集相关信息,提取其核心要点,并最终将这些信息以一个html页面的形式呈现出来。

你的任务包括:

1. 运用sequential thinking进行多步思考,自行规划合理的步骤以达成目标。

2. 针对用户想了解的主题,进行多轮搜索。

3. 利用自动化工具查看网页、进行截图或下载图片。

4. 创建一个名为images的文件夹,将自动化下载的图片或截图保存至该文件夹,并在html页面中进行展示。

5. 整理搜集到的信息,并引用一些官方或权威的可信链接,先创建一个md文档进行记录。

6. 提炼关键信息并进行详细描述,将提炼后的信息以html页面的形式展现出来。

HTML 页面风格要求如下:

最终输出:
- 输出一个完整且可在浏览器中直接运行的 HTML 文件。
- 页面需展示丰富信息,并采用清晰布局,以便用户能迅速理解并吸收内容。
- 页面中的图片应为本地图片,且点击图片可跳转至原图片所在网页链接。

技术栈:
- 通过 CDN 引入 Framer Motion,实现交互动画,模仿 Apple 官网的滚动除发动画效果。
- 使用 HTML5、TailwindCSS 3.0+(通过 CDN 引入)以及必要的 JavaScript。
- 引入专业图标库,如 Font Awesome 或 Material Icons(通过 CDN)。
- 若涉及数据展示,引用与页面主题风格一致的在线图表组件。

外观布局:
- 页面主体采用便当盒风格(Bento Grid)布局。
- 网格中的卡片大小各异,排列组合需体现秩序感与视觉变化。
- 使用超大字体或数字突出核心要点,与小元素的详细描述形成鲜明比例反差。
- 利用高亮透明色渐变营造科技感,画面采用高饱和度的色彩组合,不超过 3 种颜色,且包含单色渐变效果。
- 页脚需注明作者信息:@开山怪,以及引用来源。

最终完成:

以上智能体配置完成后点保存,然后运行。或者在对话框中@你的智能体名称,输入你的要求就可以尝试测试一下了。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐