彬子：Trae，Coze，MCP 梦幻联动，打造超好用小红书封面生成器

彬子：Trae，Coze，MCP 梦幻联动，打造超好用小红书封面生成器彬子：Trae，Coze，MCP 梦幻联动，打造超好用小红书封面生成器 Modified May 12, 2025 保存后这个小红书封面设计师就随时可以通过@它的方式启动。验证：从笔记到封面一气呵成可以新建一个小红书封面的专用文件夹。 @Builder with MCP出来干活，就以 WaytoAGI 最新活动两周年 X2050 预告内容测试 Code block YAML Copy 帮我设计小红书封面这是一场持续 3 天 2 夜的青年团聚也是 WaytoAGI 社区两周年线下庆祝派对两年前，我们因共同的 AI 理想走到一起经历了从零开始的开荒到如今上万人共创共享知识库日渐壮大，项目不断涌现我们已经成为一个温暖、有活力、有创造力的 AI 开源社区为了庆祝这个重要的节点，我们发起一场特别的线下团聚： 📍时间：2025 年 4 月 25 日 4 月 27 日 📍地点：2050 大会现场（杭州云栖小镇）先来速览每日精彩活动内容： 📅 4 月 25 日拔河破冰、开放百城味道（免费且有神秘惊喜）、团聚之夜、数字艺术展，晚上还有户外电影、酒吧、读书会等活动。热力运动区，还可以参与羽毛球、乒乓球等运动。 📅 4 月 26 日AI 大咖论坛、「灵感爆炸」青年灵感派对创意闪电战、2050 灵感后遗症思想复盘、<通往 AGI 之路两周年特展。 📅 4 月 27 日从焦虑到掌控：AI 时代的逆袭者指南论坛、「AI 即兴疯人院：人类灵感 VS 硅基脑洞の未知笑场」活动、<通往 AGI 之路两周年特展。你可以把这里当做「AI 届的游乐场」，不仅有全天开放的<通往 AGI 之路两周年特展，也有定时开放的主题论坛&主题活动，还有各种个人摊位和随机掉落的惊喜！ Builder with MCP 分析任务后通过关联的mcp server coze redbook cover style来获取根据这篇笔记创作的风格科技活力派对风有了合适的风格和文案，我们就可以无缝衔接直接在对话框中@小红书封面设计师完成最终的封面生成。等编写完成后，就生成了一个本地可以直接打开的网页，点击“保存封面图片”就封面下载下来了。 xiaohongshu cover.html 11.23KB 到此，在 Trae 里基于小红书笔记内容实现封面自由的教学就完成了。抛砖引玉，跑通了流程，封面的效果就可以通过提示词的优化来进一步提升，大家可以试试～微信公众号同步教学：https://mp.weixin.qq.com/s/g67gxbhkY85kRfGMQzypYA 欢迎关注我的微信公众号：AI Agent 新手村，精进 AI 不迷路保存后这个小红书封面设计师就随时可以通过@它的方式启动。验证：从笔记到封面一气呵成可以新建一个小红书封面的专用文件夹。 @Builder with MCP出来干活，就以 WaytoAGI 最新活动两周年 X2050 预告内容测试 Builder with MCP 分析任务后通过关联的mcp server coze redbook cover style来获取根据这篇笔记创作的风格科技活力派对风有了合适的风格和文案，我们就可以无缝衔接直接在对话框中@小红书封面设计师完成最终的封面生成。等编写完成后，就生成了一个本地可以直接打开的网页，点击“保存封面图片”就封面下载下来了。 xiaohongshu cover.html 11.23KB xiaohongshu cover.html 11.23KB 到此，在 Trae 里基于小红书笔记内容实现封面自由的教学就完成了。抛砖引玉，跑通了流程，封面的效果就可以通过提示词的优化来进一步提升，大家可以试试～微信公众号同步教学：https://mp.weixin.qq.com/s/g67gxbhkY85kRfGMQzypYA 欢迎关注我的微信公众号：AI Agent 新手村，精进 AI 不迷路 🧑‍💻 作者：彬子小红书：AI Agent 新手村 AI Agent 新手村作者：彬子小红书：AI Agent 新手村 AI Agent 新手村前言： Trae 发布新版本前，我做过一个教学：彬子：快速将 Coze 工作流接入 MCP 的教学，也是用的 Trae 的 AI Coding 来编写 MCP Server 代码，但使用 MCP 时需要切换到 Cline 的对话界面。这在真实的开发使用过程中用分别在两个交互面切换，不够丝滑。彬子：快速将 Coze 工作流接入 MCP 的教学新版 Trae 原生支持了 MCP，更惊喜的是同时支持了自定义的 Rules 和 Agents。那就可以升级之前的使用方式，打造更无缝衔接的梦幻联动了。目标：本次会以“小红书封面的设计和出图” 这个更加实用的场景来带大家感受这种梦幻联动在让 AI 帮我们做事上的想象空间。（文章末尾有效果图）现在很多做自媒体的同学都会选择小红书来发笔记。兴致满满的写完笔记后，却在做个风格好看且合适的封面上耽误太多时间精力。歸藏老师在一套提示词帮你实现小红书、公众号封面自由，Deepseek V3也能用！中分享出非常棒的结构化可拼装的封面提示词。以小红书封面举例：一套提示词帮你实现小红书、公众号封面自由，Deepseek V3也能用！提示词中不变的部分：用户输入的部分：百变风格的部分，根据不同风格特色来写，以现代商务资讯卡片风举例这套结构化的提示词效果很好，直接基于此来做的更自动化和智能化就好了。我初步设想中的使用方式是这样的： 1. 用户将写好的小红书笔记重点内容在 Trae 对话框输入，并@Builder with MCP 这个 Agent 来执行。 2. 这个 Agent 会调用我们自定义的一个 MCP Server，这个服务背后是通过 Coze API 调用的一个工作流 3. 工作流中有两个并行执行的大模型节点，一个根据笔记内容提炼封面主，副标题和账号，标语等信息，另一个根据笔记内容按照 few shots 的结构和元素来创作生成合适的风格描述，这样任何笔记内容都能泛化的处理。 4. 当 MCP Server 返回了处理好的文案和风格，再@Readbook Cover Agent来进行最终的封面网页编写和生成。 Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet 稍微解释下图中两个 Agent： • Builder with MCP，默认的通用 Agent，可以关联配置好的 MCP Server。 • Readbook Cover Agent，自定义的专项 Agent，专门用来生成小红书封面，使用歸藏老师提示词中不变的部分来创建。 Coze 工作流创建一个ReadBook Style 的新工作流，Coze 工作流创建和配置细节参考：彬子：快速将 Coze 工作流接入 MCP 的教学彬子：快速将 Coze 工作流接入 MCP 的教学文本处理的大模型节点的提示词风格创作的大模型节点提示词 Coze 工作流和调用工作流的 Bot 发布后，记录下 Bot ID，如果没有创建 API Key，也提前创建一个。接下来就都是在 Trae 中做的事情了。过程中通用的创建和配置工作也请参考彬子：快速将 Coze 工作流接入 MCP 的教学，就不赘述了。彬子：快速将 Coze 工作流接入 MCP 的教学创建 ReadBook Cover Style MCP Server 新版 Trae 的自定义 Rules 非常好用。可以极大的减少创建项目过程中沟通成本，也就避免大量的返工和调试。点击右侧对话面板的上方⚙️选择“规则”，在项目规则中添加一项。这时 Trae 会自动在的项目文件夹下的.trae/rules新增一个规则文件。就可以放入一些不变的项目约定，在后续的项目创建和开发中，Agent 就会参考这些规则。我之前教学中创建时首轮对话中写的非常长的说明中，关于三个 Coze API 调用顺序和逻辑，就很适合放入project rules.md curl location request POST 'https://api.coze.cn/v3/chat' \ header 'Authorization: Bearer pat dGstyY6RZxxxxx' \ header 'Content Type: application/json' \ data raw '{ "bot id": "指定的bot的id", "user id": "12345678", "stream": false, "auto save history":true, "additional messages":[ { "role":"user", "content":"内容描述", "content type":"text" } ] }' {data:{ // 在 chat 事件里，data 字段中的 id 为 Chat ID。 "id": "737662389258662 ", "conversation id": "737554565555041 ", "bot id": "指定的bot的id", "completed at": 1717508113, "last error": { "code": 0, "msg": "" }, "status": "completed", "usage": { "token count": 6644, "output count": 766, "input count": 5878 } }} curl location request GET 'https://api.coze.cn/v3/chat/retrieve?chat id=id&conversation id=conversation id' \ header 'Authorization: Bearer pat dGstyY6RZxxxxx' \ header 'Content Type: application/json' \ {data:{ // 在 chat 事件里，data 字段中的 id 为 Chat ID，即会话 ID。 "id": "737662389258662 ", "conversation id": "737554565555041 ", "bot id": "736661612448078 ", "completed at": 1717508113, "last error": { "code": 0, "msg": "" }, "status": "completed", "usage": { "token count": 6644, "output count": 766, "input count": 5878 } }} curl location request GET 'https://api.coze.cn/v3/chat/message/list?chat id=id&conversation id=conversation id' \ Code block Markdown Copy 我需要通过npx @modelcontextprotocol/create server 命令创建一个使用 Coze API 来输入内容获取小红书封面风格的 MCP 服务：mcp server coze redbook cover style。 1. 入参只有一项：传入的文本 2. 只使用 MCP 的 Tools 功能 3. 通过 API 的方式调用 Coze 的指定的 Bot 生成返回小红书封面的描述 4. 使用TS代码，网络请求使用axios库 ``` 一开始指令的部分可能想不到太多，没关系，创建和对话多了就会慢慢积累些好用的适合自己的指令，如果有项目共性的指令也可以放入规则中使用。准备工作做好了，就开始指令 Trae 创建小红书封面风格的 MCP Server 吧。 @Builder 出来干活，这步骤中我们只需要 Agent 专注编码，所以选择这个最为合适。可以看到 Builder在理解输入指令后，基于 Rules 中的 Coze API 使用指引一步到位的创建了完整的mcp server coze redbook cover style 代码目录，并按照三步调用和解析数据结构的逻辑准确编写了src/index.ts里的代码。等待Builder完成创建和编码过程中，我们唯一需要做的就是不时的点击下“接受全部”的按钮。最后它会自动调用npm run inspector打开测试网页来验证新鲜出炉的mcp server coze redbook cover style 服务的调用是否 OK，如果没有执行这个命令可以告诉它‘阅读 README.md来完成调试’，或者自己在终端里敲入npm run inspector 等调试服务启动成功，点开测试链接，默认是：http://127.0.0.1:6274 1. 点击Connect— List Tools就能看到你自己的小红书封面风格调用 Tool，我这里 Trae 创建的是generate redbook cover style 2. 输入你的测试笔记内容，等待调用，看看返回的内容跟搭建在 Coze 工作流中执行的效果是否一致返回内容符合预期，接下来就是将这个mcp server coze redbook cover style服务配到 Trae 的 MCP 配置中。配置 ReadBook Cover Style MCP Server 点击右侧对话面板上方小⚙️选择“MCP”，进入后点击“添加” 进入 Trae 的MCP Store就会看到非常多的 MCP Server，可以按需配置。这里需要配置上面新做的 MCP 服务，所以选择“手动配置”，按照格式填写参数，因是本地启动 js 服务，使用node命令，参数填入自己项目路径下的build/idnex.js（可以在 Trae 中右击文件选择“复制路径”获取）确认保存后，mcp server coze redbook cover style就关联到 Builder with MCP这个 Agent 上了。创建小红书封面设计师 Agent 新版 Trae 支持创建自定义智能体。默认的Builder是为编码和通用任务来设定的。我们可以为小红书封面设计和生成这个专项任务单独创建一个专门的 Agent，这里就命名为：小红书封面设计师点击右侧对话面板上方的小⚙️选择“智能体”，再点击“创建智能体” 小红书封面设计师这个 Agent 的提示词就使用歸藏老师设计的小红书封面提示词中不变的那部分。因为这里的提示词是没有写 MCP 调用相关的兼容逻辑的，所以先取消掉。有兴趣兼容的同学可以进一步优化提示词。