掘金 人工智能 前天 09:48
丝滑~用AI云原生的Agent开发每日AI热点新闻智能体,喂饭级教程!
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了字节跳动火山引擎在Agent领域的最新进展,重点介绍了Trea平台,该平台结合豆包大模型、PromptPilot和MCP工具,实现了快速构建智能体的流程。通过一个生成每日AI热点新闻的案例,展示了Trea的便捷性和高效性,并强调了PromptPilot在优化提示词中的作用。文章还提到了将智能体分享和保存到飞书多维表格的功能,并预测2025年将是Agent爆发年。

🤖 火山引擎发布了Trea,一个AI原生IDE,旨在快速构建智能体,并集成所需的MCP工具,简化了智能体的开发流程。

💡 通过使用Trea、豆包大模型、PromptPilot和MCP Servers,用户可以轻松构建一个每日AI热点新闻智能体。具体步骤包括:寻找并添加MCP工具、使用PromptPilot生成提示词、在Trea中创建智能体以及优化AI新闻页面。

🛠️ 案例演示中,Trea成功生成了AI热点新闻,虽然最初遇到了MCP工具数据源未定义的问题,但通过调整配置后得以解决。最终生成的网页包含了新闻标题、摘要等信息,展示了Trea的实用性。

🚀 Trea还支持将智能体分享到掘金和互联网,并可将内容保存到飞书多维表格,方便用户研究AI趋势。文章预测2025年将是Agent爆发年,预示着AI云原生正在加速Agent时代的到来。

大家好,我是木三。

就在最近,字节在北京召开了火山引擎春季Force原动力大会,火山引擎在Agent上真是加大了投入。

简单说下这次Agent方面的升级亮点:豆包大模型继续升级,推出了DouBao-Seed-1.6、DouBao-Seed-1.6-thinking、DouBao-Seed-1.6-flash三个模型

发布了PromptPilot,能够交互式生成prompt还可以优化提示词,小白也不用担心自己不会写专业prompt了~

Trea全面升级,作为AI原生IDE,能快速构建智能体,并能集成智能体所需要的MCP工具。

我们来个例子看看整个构建过程有多丝滑~

使用Trae + DouBao-Seed-1.6 + PromptPilot + 火山引擎MCP Servers来生成一份每日AI热点新闻。

1、寻找MCP工具

打开火山引擎MCP Servers(网址www.volcengine.com/mcp-marketp…

先点击“搜索工具”,我们使用trends-hub和hotnews两个MCP。

在Trea的MCP页签处输入“hotnews”,并点击“+”号。

点击“确认”

用相同的方式添加“trends-hub”。

只有出现绿色的对勾,才说明添加成功了,能够正常使用了。

2、使用PromptPilot构建提示词

使用火山引擎的PromptPilot(网址:promptpilot.volcengine.com/) 帮助生成合适的提示词。

如果对提示词不满意,点击“继续调试Prompt”进行优化。

3、在Trea新建智能体

将Trea升级到最新版本,在智能体页签点击“创建”或者“创建智能体”。

输入智能体名称,输入提示词(注意:提示词最多为10000个字符),并选中MCP,点击创建。

点击“立即使用”

4、优化AI新闻页面

在Trea的对话框,选择DouBao-Seed-1.6

生成的效果确实不错,蓝色的科技感很足。

继续再优化生成的代码,直到自己满意为止。

最终拿到的提示词如下:

你的任务是制作一个AI热点日报生成智能体。该智能体将通过MCP工具(trends-hub和hotnews)获取当日最新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>        <style>                :root { --primary#00f0ff--bg#0a0e17--card#121826--text#e0e0e0--borderrgba(0,240,255,0.3); }                * { margin0padding0box-sizing: border-box; font-family'Segoe UI', sans-serif; }                body { backgroundvar(--bg); colorvar(--text); padding20px; }        .container { max-width1200pxmargin0 auto; }                h1 { colorvar(--primary); text-align: center; margin20px 0text-shadow0 0 10px rgba(0,240,255,0.5); }                .news-grid { display: grid; grid-template-columnsrepeat(auto-fill, minmax(300px1fr)); gap20px; }                .news-card { backgroundvar(--card); border1px solid var(--border); border-radius8pxoverflow: hidden; transition: all 0.3s; }                .news-card:hover { transformtranslateY(-5px); box-shadow0 0 15px rgba(0,240,255,0.3); }                .news-img { width100%height180pxobject-fit: cover; }                .news-content { padding15px; }                .news-title { colorvar(--primary); margin-bottom10pxfont-size1.1rem; }            .news-summary { font-size0.9remcolor#9ca3afmargin-bottom15px; }        .news-meta { display: flex; justify-content: space-between; font-size0.8remcolor#6b7280; }          .tags { display: flex; gap5pxmargin-bottom10px; }       .tag { backgroundrgba(157,78,221,0.2); color#d8b4fepadding3px 8pxborder-radius12pxfont-size0.7rem; }         </style></head><body>         <div class="container">                 <h1>AI热点新闻</h1>                     <div class="news-grid">                         <!-- 新闻卡片1 -->                         <article class="news-card">                                 <img src="{{image_url}}" alt="{{title}}" class="news-img">                  <div class="news-content">                                         <h2 class="news-title">{{title}}</h2>                                         <p class="news-summary">{{summary}}</p>                                        <div class="tags">                                                 <span class="tag">AI</span>                                         </div>                                         <div class="news-meta">                                                 <span>{{time}}</span>                                         </div>                                   </div>                         </article>            <!-- 新闻卡片2 -->                        <article class="news-card">                                <img src="{{news_url}}" alt="{{title}}" class="news-img">                                <div class="news-content">                                        <h2 class="news-title">{{title}}</h2>                                        <p class="news-summary">{{summary}}</p>                                            <div class="tags">                                                    <span class="tag">AI</span>                                            </div>                                            <div class="news-meta">                                                    <span>{{time}}</span>                                            </div>                                    </div>                            </article>                    </div>            </div>    </body></html></web_page_template>请仔细阅读以下MCP工具的配置信息,该信息用于连接和使用MCP工具获取新闻:<mcp_config>{{MCP_CONFIG}}</mcp_config>以下是具体的操作步骤:1. 根据MCP工具的配置信息,详细规划如何调用trends - hub和hotnews来获取当日最新AI热点新闻。考虑可能遇到的问题,如网络连接、数据格式等,并思考解决方案。2. 使用MCP工具的trends-hub和hotnews,依据配置信息获取当日最新AI热点新闻。确保获取的新闻是准确且最新的。3. 利用获取到的新闻数据,按照网页样式排版模板的格式进行填充。网页应包含新闻标题、摘要、来源等关键信息。4. 在<日报网页内容>标签内输出最终生成的网页的HTML代码。请在<web_page>标签内输出最终生成的网页内容。<web_page>[在此输出生成的网页的网页内容]</web_page>

5、开始搬砖

刚才已经创建好了每日AI热点新闻智能体,我们来遛一下,看看是骡子是马,还是一坨屎~

窜稀了!!!

调用trends-hub和hotnews工具都也不可用,虽说还给生成了一份新闻列表。

让DouBao-Seed-1.6继续给咱找问题

原来是未定义MCP工具的数据源。

mcp.json文件中将trends-hub的数据源设置为36 氪热榜(get-36kr-trending)、将hotnews的数据源设置为IT News (IT新闻)。

再来跑一次:

打开页面看看效果:

效果还好吧,拿到了AI热点新闻,唯一遗憾是未能匹配主图。

经过我多次尝试生成的格式比较稳定,还是依靠PromptPilot生成高质量的Prompt,比自己手写Prompt效率高太多了。

也可以将内容保存到飞书多维表格中,便于自己研究AI趋势。

Trea还支持将自己创建的智能体进行分享到掘金和分享到互联网,浏览器直接打开链接就能跳转Trea,并直接“立即获取”智能体,简直不要太方便了!

从大厂趋势来看,2025年将是Agent爆发年,AI云原生正在加速Agent时代的到来!!!

你也来试试吧,轻松上手,打造一个属于自己使用的智能体~~~

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

火山引擎 Trea Agent 豆包大模型 PromptPilot
相关文章