字节出手了！5分钟搞定一个商用AI Agent（智能体），太丝滑了～【喂饭级教程】

大家好，我是袋鼠帝

最近也是好起来了

6月11、12号去北京（第一次去帝都），作为火山引擎的开发者领航KOL参加了火山引擎force原动力大会。

同时也有幸上台分享了自己的AI实践经验。

作为一个I人，还是有点小紧张的，也算是一次学习、锻炼，希望下次能讲的更好～

听完这次大会，明显感觉到字节（火山引擎）今年真的是在Agent上下足了功夫。

我总结下来Agent方面有如下几点升级：

1.基座模型doubao再次进化：Doubao-Seed-1.6-thinking、Doubao-Seed-1.6、Doubao-Seed-1.6-flash；

2.发布了PromptPilot：交互式生成prompt，小白也能快速写出专业Prompt；

3.大模型生态广场：MCP Servers；

4.Trae将全面升级：逐步从AI辅助编程向支持AI开发全流程进阶。

看得出来AI Agent还是今年的主旋律，而且基于火山引擎完善的生态，诞生了基于AI云原生的Agent开发新范式。

正好我的社群还没有每日AI日报，我就想着能不能用这套新范式来快速帮我打造一个AI日报Agent，检验一下它的丝滑程度。

我希望功能是：可以快速检索当天的最新AI咨询，并生成一个固定样式的日报网页，我可以把网页分享给我的群友，并且最好能把每天收集到的日报信息保存到飞书多维表格沉淀下来，一段时间后可以拿来分析AI发展趋势等。

Trae作为AI原生IDE，可以快速构建智能体，并快速集成智能体所需的MCP工具。

我不太喜欢开发的时候频繁在多个工具中切来切去。

所以，我准备使用Trae + doubao-seed-1.6 + 火山MCP Servers + PromptPilot（完全在一个生态里面搞定）

整个过程也非常简单，就三步：

1.寻找合适的MCP工具；

2.生成合适的系统Prompt；

3.执行任务。

我也是这次去了现场，才知道Trae原来是：The Real AI Engineer的缩写

好了，不扯远了，咱们直接开始～

1.准备MCP工具

先去火山方舟的MCP Servers上面寻找，看有没有合适的工具

www.volcengine.com/mcp-marketp...

很快，在搜索工具一栏找到了两个我所需要的MCP，trends-hub和hotnews。

他们都能在多个站点获取实时热点咨询，非常适合用来做AI日报的数据源。

进入MCP的详情页可以找到json配置，复制下来，粘贴到Trae的MCP手动配置中，进行添加

注意：在使用本地MCP前，一定要先安装好npx和uvx的环境

两个MCP都是如法炮制

当在Trae里面看到这两个MCP都打上绿色小勾就代表安装成功啦～

果不其然，火山方舟的MCP Servers集成了飞书的MCP工具：lark-mcp（这样咱们就可以让AI操作飞书的多维表格了）

根据lark-mcp详情页的提示，我们需要获取飞书应用的app_id和app_secret，填写到lark-mcp的json配置中

需要到飞书开放平台获取：

open.feishu.cn/app

先创建一个应用

在「凭证与基础信息」这里获取app_id和app_secret

并开通飞书多维表格的所有权限（全选开通）

把app_id和app_secret填写在mcp的json配置里面

随后就可以把组装好的飞书MCP json配置粘贴到Trae，添加飞书MCP。

如果想把网页分享到社群，可以使用火山方舟的veFaaS MCP

用它可以把网页一键发布到公网，并获取一个可访问链接（无需购买域名，也不需要租赁服务器，非常方便）

veFaaS属于火山官方的MCP，支持一键导入Trae。

都打绿勾就代表配置好了

2.构建优质系统Prompt

一个好用的智能体肯定需要优质的System Prompt（系统提示词）

而且模型越强，好的提示词价值越大。

体验下来，火山这次的PromptPilot非常适合帮助小白分析需求，交互式的逐步产出符合需求的优质提示词。

即便是资深的提示词专家也可以用它来提高效率。

promptpilot.volcengine.com/

PS：PromptPilot还对外提供API接口

比如我只是在左边描述了我的需求，点击生成prompt，它很快就在右边生成了一段详细的结构化提示词。

在它生成的prompt里面我并不需要MCP的配置信息，可以直接点击优化你的prompt，输入要求->点击优化（如下图）

它就能自动优化完毕（下面的右图），这个多轮对话优化prompt的交互非常好用。

它能一步一步把用户真实的需求挖掘出来，形成结构化prompt，把所感，所想完全传递给AI。

PromptPilot优化好的Prompt如下：

xml 复制代码

你的任务是制作热点日报，利用已有的MCP工具（hotnews、trends-hub）获取当日最新的9条AI热点咨询，并生成一个精美的网页来展示，且网页的样式排版固定。
接着，请查看以下精美的网页样式排版模板：
<web_page_template>

</web_page_template>
具体操作步骤如下：
1. 使用已有的MCP工具（hotnews、trends-hub），调用工具，获取当日最新AI热点咨询。
2. 将获取到的热点咨询内容按照网页样式排版模板的格式进行填充。
3. 确保填充后的网页内容完整、美观，且样式排版符合模板要求。
4. 点击日报需要能够跳转详情页
请在<web_page>标签内输出最终生成的网页内容。
<web_page>
[在此输出最终生成的网页内容]
</web_page>

如果想要每次生成固定的日报网页，需要提前把网页框架固定下来

找一个现有的网页复刻或者让doubao-seed-1.6生成，填写到web_page_template标签里面。

我选择让doubao-seed-1.6帮我生成，它会思考，所以也不用写太复杂的提示词。

生成网页效果如下，确实有科技感，但是又不花里胡哨，甚至还给配了图。

如果生成的HTML内容太长，超出了Trae的system prompt限制

可以让doubao-seed-1.6帮忙去掉一些冗余部分，只保留页面框架，而且也可以节约tokens（prompt如下）。

最后，我们就拿到了网页模板

放入系统提示词的web_page_template标签中

并将所需的MCP工具勾选上，创建一个AI热点智能体～

最终的系统提示词如下：

xml 复制代码

你的任务是制作热点日报，利用已有的MCP工具（trends-hub）获取当日最新的9条AI热点咨询，并生成一个精美的网页来展示，且网页的样式排版固定。
接着，请查看以下精美的网页样式排版模板：
<web_page_template>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI科技日报</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
    <style>
        :root { --primary: #0ea5e9; --secondary: #8b5cf6; --dark: #0f172a; --light: #f8fafc; }
        body { background-color: var(--dark); color: var(--light); font-family: 'Segoe UI', sans-serif; }
        .gradient-text { background: linear-gradient(90deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .card { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(14, 165, 233, 0.1); transition: transform 0.3s ease; }
        .card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(14, 165, 233, 0.2); }
    </style>
</head>
<body class="grid-pattern min-h-screen flex flex-col">
    <div class="container mx-auto px-4 py-8">
        <h1 class="text-3xl font-bold mb-8 gradient-text">AI科技日报</h1>
    <!-- AI资讯卡片网格 -->
    <section id="news" class="container mx-auto px-4 py-12">
        <h2 class="text-2xl md:text-3xl font-bold mb-6"><span class="gradient-text">最新</span> AI 资讯</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            <!-- 资讯卡片模板 -->
            <div class="card rounded-xl overflow-hidden">
                <div class="h-48 overflow-hidden">
                    <img src="{{image_url}}" alt="{{title}}" class="w-full h-full object-cover transition-transform hover:scale-105 duration-500">
                </div>
                <div class="p-6 space-y-4">
                    <div class="flex items-center space-x-2">
                        <span class="px-2 py-1 text-xs font-semibold bg-blue-500/20 text-blue-400 rounded-full">{{category}}</span>
                        <span class="text-gray-400 text-sm">{{time}}</span>
                    </div>
                    <h3 class="text-xl font-bold text-white hover:text-blue-400 transition-colors">{{title}}</h3>
                    <p class="text-gray-300 line-clamp-3">{{summary}}</p>
                    <div class="pt-2 border-t border-gray-700/50">
                        <a href="{{detail_url}}" class="text-blue-400 font-medium">阅读全文 <i class="fas fa-arrow-right ml-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</body>
</body>
</html>
</web_page_template>
具体操作步骤如下：
1. 使用已有的MCP工具（trends-hub），调用工具，获取当日最新AI热点咨询。
2. 将获取到的热点咨询内容按照网页样式排版模板的格式进行填充。
3. 确保填充后的网页内容完整、美观，且样式排版符合模板要求。
4. 点击日报需要能够跳转详情页
请在<web_page>标签内输出最终生成的网页内容。
<web_page>
[在此输出最终生成的网页内容]
</web_page>