最近智能体定制化赛道异常火爆,打开闲鱼搜索"Coze 定制"，密密麻麻的服务报价直接刷屏，即使表明看起来几十块的商家，一细聊，都是几百到上千不等的报价。

有趣的是，这些智能体定制化服务背后，最核心的不只是工作流设计，还有一个被很多人忽视的重要角色 —— 插件。

细看会发现，Coze 官方和众多智能体爱好者已经创造了大量有价值的免费插件。

而更让我惊喜的是，有些聪明的开发者并没有止步于此。他们把这些插件直接开放给浏览器插件、网页使用，悄悄做成了小而美的产品...

不得不说，这波操作真的很秀。

的确，相比自己从零开始写大量代码逻辑，站在巨人的肩膀上搞定一切，不是更香吗？

本文将介绍如下内容，带你了解 Coze 插件变现的新思路：

怎么寻找合适的插件
怎么使用 API 调用 Coze 插件
Cursor + Coze 插件开发思维导图插件

效果如下：

一、完整流程

这次我们做一个简单的需求，用户故事：用户，在网页上选择一段文字，点击浮动按钮，可以生成思维导图的图片在侧边栏显示。

二、如何寻找合适的插件？

前段时间，我介绍过一些好用的 Coze 插件。

除此之外，我们可以在 Coze 商店进行搜索。商店里提供了大量免费插件。在左侧，我们可以按照类目进行筛选。

需要注意的是，就算我们找到了符合需求的插件，最好也在 Coze 里实际测试一下，确认两点：

功能是否正常：避免插件不兼容或无法正常使用的情况。
费用情况：是免费的还是付费的？如果是付费的，费用是否在可接受范围内？

目前，插件商店里的插件大致可以分为三种类型：

1、无效插件：虽然插件上架前都需要通过测试，但商店里还是有一些插件在实际使用中无法正常工作，可能是因为服务器不再运行，或者插件本身已经失效。

2、免费插件：这种插件无需验证信息，直接可以使用，是真正的“即插即用”类型。为这些“为爱发电”的开发者点赞！在选择免费插件时，建议优先考虑官方提供的插件，可靠性通常更高。

3、商用插件：这类插件因为涉及技术成本或资源消耗，通常需要官方密钥验证。对于这些付费插件，我们可以根据自身需求和预算，评估是否合适。

无论选择哪种类型的插件，在调研阶段，最好都先在一个独立的 Coze 工作流里测试一下，确保输出的数据真的符合需求。

根据我们的需求，我们需要找到一款指定文字生成思维导图的插件。

经过筛选，我们找到两个官方的免费插件，仔细阅读插件描述后，发现 TreeMind 树图插件基本上能够满足需求。

创建插件测试流程，输入符合长度的文字开始验证。

确认输出结果后，我们发现属性 data_struct.pic 返回了一个图片链接，成功生成了所需的思维导图图像。

这张图片正是我们所需要的东西。

为了方便接下来通过 API 正常调用插件，我们需要将整个流程发布上线，这样就可以在开发中顺利使用了。

三、如何使用 API 调用插件？

一）了解使用限制和计费方式

在使用 API 之前，建议先了解一下 Coze API 的使用限制和计费方式，避免不小心超出限制，影响使用体验。

这里要特别注意：在调用 Coze 工作流或 Bot 时，基础版本的账户每月只有 100 次调用机会，超过后将暂停服务，无法继续调用。

所以在测试和部署时，务必要规划好使用频次和成本。

专业版不限次数和频率，但是会按次、按大模型的 Token 消耗来收费。

这次案例咱们不涉及到大模型的使用，完全是关于调用次数的问题。所以，重点就放在调用次数的计费方式上。

正常价格为 0.002 元/次，可以通过购买智能体资源包来获取更加优惠的价格。

除此之外，官方还为每个用户提供了超优惠的限购活动，以下是智能体开发者必买套餐。

大模型的计费方式不是本文的重点，大家有兴趣的话可以直接参考官方文档了解详情。

地址：https://www.volcengine.com/docs/84458/1288966#%E6%96%B9%E8%88%9F%E6%A8%A1%E5%9E%8B%E6%9C%8D%E5%8A%A1

二）了解 API 调用工作流的限制

首先我们先查看下 Coze API 文档。

地址：https://www.coze.cn/open

细心的小伙伴可能注意到，准备工作里除了要创建个人访问令牌，还提到需要创建和发布 Bot。

不过这次我们不打算用 Bot 作为 API，只是使用带插件的工作流，所以可以忽略创建 Bot 这一步。

现在，我们先来创建个人访问令牌。注意，令牌创建后要及时保存，因为一旦关闭页面将无法再次查看哦！

地址：https://www.coze.cn/open/oauth/pats

接下来，我们一起看看如何使用 API 调用工作流的具体要求和操作方法。

API 调用工作流文档地址：https://www.coze.cn/docs/developer_guides/workflow_run

如果我们用 API 调用工作流，有几个要求要特别注意：

1、工作流必须 提前发布。

2、工作流里不能包含这些节点：消息节点、开启流式输出的结束节点、问答节点。

另外，涉及复杂场景时，有一个小技巧：专业版用户可以在调用工作流时指定参数 `is_async=true`，这样可以开启异步模式，更适合处理耗时较长的任务。

过去使用工作流时，超时问题确实挺常见，比如 工作流整体、模型节点、插件节点 的运行时间都限制在 3 分钟内，处理复杂操作需求时，很容易超时。

一旦使用异步方式，时间将会延长（具体如下表），这样更适合处理复杂任务。

测试发现：插件节点有很大概率在 1 分钟之后就会超时，并非官方给出的 3 分钟。

三）在线测试 API（无需安装）

选择国内目前比较流程的 Apifox 平台，注册并登录进入。

地址：https://app.apifox.com/main

1、成功登录并进入页面后，点击进入 个人项目。

2、接下来，根据需求从工作流的请求示例中复制同步或异步执行的代码。

因为这次工作流里只包含插件，所以我们直接选择 同步执行 的请求代码即可。

3、点击更多功能 > 导入 cURL，导入上一步复制的代码。

4、接下来需要配置 API 调用参数。

配置 Headers > Authorization， 从下方地址创建并复制而来。

来源：https://www.coze.cn/open/oauth/pats

配置流程 ID 和其他参数。

workflow_id：从已发布工作流的网页地址上复制 wordflow_id 参数的内容。
parameters：根据流程的开始节点配置，有几个配几个。

最后，点击发送，测试成功。

点击 生成接口请求代码，记录刚才的请求代码和返回结果，用于在 Cursor 中生成代码使用。

记录提示词（大家根据实际情况记录）：

# 生成思维导图接口

## 请求代码
```
curl --location --request POST 'https://api.coze.cn/v1/workflow/run' \
--header 'Authorization: Bearer paxxxxsM' \
--header 'User-Agent: Apifox/1.0.0 (https://apifox.com)' \
--header 'Content-Type: application/json' \
--data-raw '{
    "workflow_id": "7431xxxxx90921",
    "parameters": {
        "BOT_USER_INPUT":"就在刚刚! 我的手机忘记关飞行模式，深夜被微信群聊里的各种“滴滴滴”炸醒。\n\n原来 Anthropic 有重磅发布～\n\nClaude3.5 Sonnet 、Claude3.5 Haiku 迎来升级。\n\n此外，还引入了一项突破性的新功能——“Computer Use” 计算机使用。\n\n简单来说，这项功能可以替代人工操作电脑上的网页和软件，帮你自动化完成各种类型的工作：\n\n自动执行任务，测试软件，浏览网站，打开 Excel 修改表格，统统不在话下。\n\n这不就是拥有最强大脑的 RPA 吗？\n\n突然，我的脑海里蹦出了不少于十几种优化日常工作流的思路！\n\n我们一起先来看看这次更新。\n\n一、官方案例\n过去，计划一次旅行，要查信息、找路线、安排攻略，一环扣一环，搞得非常麻烦。\n\n现在有了 Claude，简直轻松太多了！\n\n比如视频中的女生想看金门大桥的日出，她直接告诉 Claude，接下来就什么都不用操心了。\n\nClaude 会自动帮她在网上查找最好的观景位置，规划出行路线，最后还贴心地把整个计划安排到她的日历里。\n\n旅行计划就这样轻松搞定。\n\n最近，我花了不少时间研究 AI 编程，结果这次 Claude 的更新，又一次降低了 AI 编程工具的使用门槛，实在让人惊喜。\n\n在下面的视频案例中，主人公想让 Claude 帮忙做一个“90 年代风格的个人网站”。\n\nClaude 不仅会自动打开浏览器，输入需求，还会生成相关的代码。\n\n更厉害的是，还可以让它自动把代码下载到本地，再导入代码编辑器 VS Code，并直接运行。\n\n如果中间遇到 Bug，只需要一句命令，Claude 就会自动修复！\n\n我觉得这次更新的最大价值在于——工具变得更简单易用了！\n\n或许未来，我们再也不用花大量时间去学习那些复杂的、全是英文的代码编辑器了，只要告诉 Claude 你要做什么，它就能帮你安排得明明白白！\n\n最后一个官方案例在我们日常办公中更具实用性。"
    }
}'
```

## 返回数据
```
{
    "code": 0,
    "cost": "0",
    "data": "{\"output\":\"https://static.shutu.cn/shutu/static/open26/2024/10/31/6a1bc6ce204e2dxxxx07507ef.jpeg\"}",
    "debug_url": "https://www.coze.cn/work_flow?execute_id=7431738408941223948&space_id=739332830xxx1&workflow_id=74315xxxx0921",
    "msg": "Success",
    "token": 0
}
```

四、如何在 Cursor 编程时集成 Coze 插件？

为了更快拿到反馈，我们可以先用 Cursor 生成一个基础框架，之后再逐步填充具体需求，最后进行插件的测试和迭代。

这样一来，反馈可以尽早收集，优化也会更高效。

一）搭建基础框架

输入初版提示词，用于生成插件代码的基本结构。

## 用户故事：
用户选中文字，可以显示浮动按钮“生成思维导图”，点击后将弹出右侧窗口，显示对应的文字。

# 注意:
1. 注意使用 manifest v3 版本开发。
2. 注意中文编码的问题。

# 任务
请按照用户故事和注意点帮我开发谷歌插件。

继续要求生成侧边栏相关的代码。

根据 AI 的提示，来进行测试。可以打开浏览器，进入插件的加载链接，选择插件代码所在的文件夹。这样一来，就能加载插件，开始后续测试啦！

插件加载链接：chrome://extensions/

在正式测试前，可以按下 F12 打开开发者工具，切换到 Console 页签。

接着点击右上角的“清除”按钮，保持 Console 页面干净，这样可以避免网页本身的错误信息干扰视线。

这样在测试时，如果出现报错，Console 里显示的基本就是和插件本身相关的错误信息，方便排查问题。

在第一次测试中发现：选中文字后并未出现浮动按钮，而且 Console 中也没有任何错误提示。

这些信息可以整理后，反馈给 Cursor，以便它协助排查原因。

第二次测试发现：选中文字后浮动按钮正常显示了，但点击按钮后侧边栏并未弹出，同时 Console 依旧没有任何错误提示。

反馈给 Cursor 后问题顺利修复咯！

在测试“选中文字，点击浮动按钮，显示侧边栏和文字”这个基础功能时，我发现 Cursor 的代码成功率不太高，经常需要花时间去调试。

为此，我准备了一个代码模板，后续遇到类似需求时，大家可以直接基于模板开发，提高效率！

二）实现具体需求

在基于现有代码进行二次开发时，建议提前把已有的功能告诉 Cursor，这样可以帮助它更好地理解代码背景，从而提高开发的准确性和效率。

再输入完整的提示词（不要复制，注意根据个人实际代码来组合提示词）：

# 目的
用户想要快速基于网页内容生成一个思维导图，但是手动整理，或者手动复制到 AI 中再处理都太麻烦了。

# 用户故事
用户，在网页上选择一段文字，点击浮动按钮，可以生成思维导图的图片在侧边栏显示。

# 生成思维导图接口

## 请求代码
```
curl --location --request POST 'https://api.coze.cn/v1/workflow/run' \
--header 'Authorization: 自己的token' \
--header 'User-Agent: Apifox/1.0.0 (https://apifox.com)' \
--header 'Content-Type: application/json' \
--data-raw '{
    "workflow_id": "自己的流程 ID",
    "parameters": {
        "BOT_USER_INPUT":"就在刚刚! 我的手机忘记关飞行模式，深夜被微信群聊里的各种“滴滴滴”炸醒。\n\n原来 Anthropic 有重磅发布～\n\nClaude3.5 Sonnet 、Claude3.5 Haiku 迎来升级。\n\n此外，还引入了一项突破性的新功能——“Computer Use” 计算机使用。\n\n简单来说，这项功能可以替代人工操作电脑上的网页和软件，帮你自动化完成各种类型的工作：\n\n自动执行任务，测试软件，浏览网站，打开 Excel 修改表格，统统不在话下。\n\n这不就是拥有最强大脑的 RPA 吗？\n\n突然，我的脑海里蹦出了不少于十几种优化日常工作流的思路！\n\n我们一起先来看看这次更新。\n\n一、官方案例\n过去，计划一次旅行，要查信息、找路线、安排攻略，一环扣一环，搞得非常麻烦。\n\n现在有了 Claude，简直轻松太多了！\n\n比如视频中的女生想看金门大桥的日出，她直接告诉 Claude，接下来就什么都不用操心了。\n\nClaude 会自动帮她在网上查找最好的观景位置，规划出行路线，最后还贴心地把整个计划安排到她的日历里。\n\n旅行计划就这样轻松搞定。\n\n最近，我花了不少时间研究 AI 编程，结果这次 Claude 的更新，又一次降低了 AI 编程工具的使用门槛，实在让人惊喜。\n\n在下面的视频案例中，主人公想让 Claude 帮忙做一个“90 年代风格的个人网站”。\n\nClaude 不仅会自动打开浏览器，输入需求，还会生成相关的代码。\n\n更厉害的是，还可以让它自动把代码下载到本地，再导入代码编辑器 VS Code，并直接运行。\n\n如果中间遇到 Bug，只需要一句命令，Claude 就会自动修复！\n\n我觉得这次更新的最大价值在于——工具变得更简单易用了！\n\n或许未来，我们再也不用花大量时间去学习那些复杂的、全是英文的代码编辑器了，只要告诉 Claude 你要做什么，它就能帮你安排得明明白白！\n\n最后一个官方案例在我们日常办公中更具实用性。"
    }
}'
```

## 请求参数介绍
1. parameters下的BOT_USER_INPUT: 网页内容
2. workflow_id为对应用户

## 返回数据
```
{
    "code": 0,
    "cost": "0",
    "data": "{\"output\":\"https://static.shutu.cn/shutu/static/open26/2024/10/31/6a1bc6ce204e2d99e4xxxx507ef.jpeg\"}",
    "debug_url": "https://www.coze.cn/work_flow?execute_id=743173xxxx2xx948&space_id=73933xxx2131&workflow_id=743153xxxx921",
    "msg": "Success",
    "token": 0
}
```

## 返回参数介绍
1. data下方的参数output为思维导图的图片地址。
2. code：状态码，不是 0 则代表出错。
3. msg: 返回信息

# 注意:
1. 注意使用 manifest v3 版本开发。
2. 注意中文编码的问题。

# 任务
根据<用户故事>和提供的<生成思维导图接口>,以及相关注意点，请优化当前谷歌插件。

加载插件后，我们来测试下。

不过还是有些问题需要注意，比如：没有关闭按钮、文字不该出现在侧边栏、没有加载状态提示等。

输入提示词，优化下交互方式，优化后的效果如下：

目前还有很多可以优化的地方，比如缺少思维导图的查看和下载功能，样式设计上也不够美观。

我们可以让 Cursor 继续进行优化，这里就不再具体演示了。

最终效果如下：

结尾：

如今的 AI 时代，与其单打独斗，不如学会借力。

Coze 插件就像是一个个现成的乐高积木，而我们要做的，就是用创意把它们拼接成独特的作品。

不必执着于从零开始写代码，学会借助现有的工具，让创意为你带来无限可能。

毕竟，在这个快速迭代的 AI 时代，懂得站在巨人肩膀上的人，总能看得更远，走得更快。