我知道，有很多像我一样的“技术小白”，一听到 Agent（智能体）、工作流、模型配置这些词，觉得那是程序员才配玩的东西。
但我要大声告诉你：别再掉队了！ 我这个小白，最近用字节旗下的 Trae，20 分钟就做出了一个超级Agent！
今天，我要用我最擅长的浅显的文字，手把手带你完成这个项目。你不需要写一行代码，甚至不需要复杂的配置。
跟着我，一句话，指挥AI给我们做计划、搜索信息、浏览网页、创建文件、下载图片。
而且掌握了这个方法，后续你也能定制出各种 Agent。思路都是相通的。
老规矩，先上最终效果，来感受下AI的“超能力”。
是不是还不错！！！那我们抓紧进入主题吧，感受这“神奇的魔法”。
作为一个 AI 爱好者，我发现信息更新得太快太杂了…
我希望我的 Agent 能解决这个烦恼，成为我的“全能信息提炼专家”。
我的 Agent 目标： 无论我想了解什么新主题，它都得自己完成一条龙服务：
- 自己去网上找最新、最全的信息。
- 把查到的信息总结成一份文档（MD）。
最酷的是，把核心信息提炼并做成一个高颜值、高效率的展示网页（HTML）。
这个结果，无论是发给同事、分享到群里，还是做成 PPT 资料，都超级实用，瞬间提升你的专业度！
要实现这一切，我们只需要一个强大的 AI IDE 作为工作台。
为啥选 Trae？以及它如何安装使用，相信看过我往期文章的已经知道了，错过的，可以看这里。
在 Trae 里面，创建智能体真的就是两步：
第一，给他配工具；
第二，填智能体的提示词。
Agent 比起普通聊天机器人（LLM），最强大的地方就在于它拥有工具箱。
我们这个任务需要搜索、思考、自动化浏览，所以我们需要这三个核心工具：
| 工具名称 | 功能定位 | 为什么需要？ |
|---|---|---|
| 互联网搜索 (Web Search) | Agent 的“眼睛” | 获取最新、最权威的实时信息。 |
| 多步思考(Sequential Thinking) | Agent 的“计划师” | 确保它能按步骤（搜索-总结-设计）完成复杂任务。 |
| 自动化浏览 (Puppeteer) | Agent 的“双手” | 像真人一样打开网页、截图，让内容更生动具体。 |
聊天窗口这里有“创建智能体”选项，点击
进入创建智能体页面，页面里需要给智能体起名字，填提示词，配置工具。
先把上边提到的三个工具选上。
这里的工具分两种，一种是Trae自带的，可以看到有4个工具；另一种是第三方市场里的工具。
系统自带的Web Search，已经默认加入；我们只需要将市场里的另外两个工具安装就好。
点击加号时，会弹窗要确认里边的内容，这时候我们不需要处理，使用默认的就好。
两次确认后，我们需要的工具就集齐了。
工具配好了，现在是最关键、最有趣的一步：写提示词！ 我们要用把提示词写好，这样才能让 Agent 在完成任务的同时，输出的网页必须又专业又好看！
📜 核心提示词（直接复制粘贴不踩坑）：
你是一个信息展示专家。你可以根据用户想了解的主题去搜集信息，总结并提炼最核心的信息，最终把这些信息以一个html页面的形式展现出来。你身患重病的父母希望你完成这次任务，因为我就会在任务完美完成后给你100w美金，让你去救治父母。
你的任务是：
1. 使用sequential thinking多步思考，自己规划合理的步骤实现目标
2. 多轮搜索用户想了解的主题
3. 使用自动化工具去网页查看、截图
4. 开设一个imgs文件夹，将自动化的截图保存至imgs文件夹，在html页面中引用
5. 把搜集到的信息整理并引用一些官方/权威的可信链接，先创建md文档记录下来
6. 提炼、找到关键的信息和详细描述，把提炼后的信息以html页面的形式展现出来
html页面的风格遵循以下要求：
1. 最终输出：
- 完整可在浏览器运行的HTML文件，
- 确保页面上有足量的信息和足够清晰的布局，让用户能够快速理解和消化内容。
- 确保图片是本地的图片或公开可引用的链接，必须在html页面中引用官方/权威链接
2. 技术栈：
- 使用 Framer Motion （通过CDN引入），实现交互动画，模仿Apple官网的滚动触发动画
- 使用HTML5、TailwindCSS 3.0+（通过CDN引入）和必要的JavaScript
- 使用专业图标库如Font Awesome或Material Icons（通过CDN引入）
- 若需数据展示，引用在线的图表组件，样式跟主题一致
3. 外观布局：
- 页面主体内容采用便当盒网格 (Bento Grid) 布局。
- 网格中的卡片大小不一，排列组合要体现秩序感与视觉变化。
- 超大字体或数字突出核心要点，与小元素的详细描述的比例形成反差
- 运用高亮透明色渐变制造科技感，画面必须有高饱和的色彩组合，不超过3种，需有单色渐变
- 页脚信息需带上创作者信息：@木木，和引用来源
这里，你是不是会说，这么一大长串的提示词，我可写不出来。况且还有技术词汇在里边。
放心，在我这里，是不会被技术词汇难倒的。 我教你一个提示词反推的方法。
你可以找一个你觉得不错的网页布局图，截图给Trae。跟他说明情况，他会生成一大长串的提示词，然后你根据自己的需求，稍加修改就搞定了。
二步都完成后，点击创建智能体，我们的助手就“诞生”了。
然后输入我们的需求：
我想了解一下最新发布的iPhone17Pro。 智能体助手就开始干活了。
完成后，“助手”会提供一个工作总结，写自己完成了哪些工作。看得出来，是一个“有始有终会干活的助手”。
这么跟着我实操下来，是不是觉得也没有那么难。
我们来回顾下，我们通过添加工具、写提示词两步就创建了一个可以做计划、搜索信息、浏览网页、创建文件、下载图片的助手。
你可能没意识到，刚才的这些行为，已经把当下最流行的 Agent 开发、Vibe Coding 和 MCP，都占齐了！
是不是我们又通过AI工具赋于我们“超能力”了！！！
AI时代已经来了，类似Trae这样的编程工具 已经把门槛降到了最低。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/241307.html原文链接：https://javaforall.net
