乐于分享
好东西不私藏

OpenCode插件系列: octto

OpenCode插件系列: octto

类型:AI头脑风暴的浏览器UI

仓库:https://github.com/vtemian/octto


1. 这是什么插件?

octto 是一个为 OpenCode 提供 交互式浏览器UI 的 AI 头脑风暴插件。你不再局限于在终端里与 AI 交互,它会在浏览器中为你打开一个界面,包含:

  • 多问题表单 — 一次性回答多个问题
  • 可视化交互 — 对于长时间的头脑风暴,比终端更方便
  • 交互式UI — 图表、表单、复选框等 想象一下,就像是“AI头脑风暴的 Notion”——为你提供一个与 AI 思考的可视化空间。

与 micode 的关系

这个插件与 micode(Brainstorm → Plan → Implement 工作流)是同一作者开发的。如果你正在使用 micode,那么 octto 就是它的专属 UI。


2. 用于什么场景?

在以下情况使用它:

  • ✅ 长时间的头脑风暴会议,需要可视化交互
  • ✅ 多问题表单,而不是让 AI 一个接一个地问你
  • ✅ 可视化规划,包含复选框和下拉菜单
  • ✅ 结构化的想法探索,在实施之前
  • ✅ 可视化展示备选方案

典型场景:

你:"我想构建一个 SaaS 仪表板"octto: [为你打开一个表单]  - 你的目标受众是谁?[下拉菜单]  - 认证方式?[单选按钮]  - 数据库选择?[复选框]  - 是否需要实时功能?[是/否]  - 技术栈偏好?[文本输入][一次性回答所有问题]AI: [根据你的答案整理备选方案]

3. 如何使用?

安装

在 ~/.config/opencode/opencode.json 中:

{"$schema""https://opencode.ai/config.json","plugin": ["octto"]}

运行

此插件会运行一个本地 web server(通常在某个端口)。

# 启动 OpenCodeopencode# 当你请求一个头脑风暴任务时,插件会为你打开一个 URL# 在浏览器中打开这个 URL

与 micode 配合

micode 使用 octto 作为 UI:

你:"帮我构思一个新功能"micode: [使用 octto 显示表单][浏览器打开交互式表单]

4. 何时使用?

在以下情况使用它:

  • ✅ 正在为新项目进行头脑风暴
  • ✅ 在实施前需要可视化规划
  • ✅ 正在与 AI 进行多步骤问卷调查
  • ✅ 相比于终端,你更喜欢GUI
  • ✅ 正在使用micode 工作流
  • ✅ 工作涉及复杂的决策制定,涉及许多权衡

不要在以下情况使用:

  • ❌ 工作仅限于终端,且不喜欢使用浏览器
  • ❌ 正在处理快速任务,不需要规划
  • ❌ 在无图形界面环境(服务器无GUI)中工作
  • ❌ 偏好命令行工作流
  • ❌ 不经常进行头脑风暴

⚠️ 重要注意事项

浏览器要求:

需要使用在设备上运行的浏览器才能使用此 UI。

本地服务器:

此插件在特定端口上运行一个本地 web server。请确保该端口未被占用。

隐私:

数据将保留在你的设备本地(web server 是本地而非远程的)。

与 micode 配合:

此插件主要是为了与 micode 配合使用而设计的。你也可以单独使用它,但它的真正威力在于与 micode 组合使用时。


🔗 有用链接

  • 仓库:https://github.com/vtemian/octto
  • micode(姊妹项目):https://github.com/vtemian/micode