🎯 OpenCode插件系列: octto

Posted on May 3, 2026

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


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(通常在某个端口)。

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

与 micode 配合

micode 使用 octto 作为 UI:

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

4. 何时使用?

在以下情况使用它:

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

不要在以下情况使用:

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

⚠️ 重要注意事项

浏览器要求:

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

本地服务器:

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

隐私:

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

与 micode 配合:

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


🔗 有用链接