vibe-canvas

Vibe Canvas

簡体中文 | English

Codex の会話を右側でリアルタイムにフィルタ可能な思考ボードに成長させます。

Related MCP server: repo-memory-mcp

简介

Vibe Canvas はローカル優先の Codex プラグインです。左側で通常通り Codex と会話を続けると、右側の Browser が自動的に 3 つのレイヤーを表示します：

• 逐語的に保持された会話原文

• AI が要約した構造化された理解

• 会話とともに成長し続けるマインドマップ

これは、再入力、再送信、手動保存が必要な独立したウェブサイトではありません。HTML ページは Codex 右側のリアルタイム投影ビューに過ぎません。入力、理解、推論はすべて現在の Codex タスク内で行われます。

ブレインストーミング、シナリオ検討、学習ノート、振り返り、要件整理など、「話しながら構造を見える化する」思考プロセスに適しています。

功能特性

• 会話がそのまま入力：左側の Codex が唯一のテキスト入力口であり、キャンバス内に別の入力フィールドはありません。

• 原文のトレーサビリティ：ユーザの入力は毎回逐語的に保持され、AI が書き換えたものを原文と偽ることはありません。

• AI 自動 Pick：新しい内容は picked、candidate または ignored と判定されます。

• 候補バッファ：すぐに判断できない内容は、後の文脈を待ってから構造に入れます。

• 人間による最終決定：毎回ごとに Pick チェックボックスがあり、人間の選択は後続の AI 判断より永続的に優先されます。

• リアルタイム再編：Pick 解除後、該当内容は直ちに構造とマインドマップから削除され、モデルが再度呼び出されることはありません。

• ローカル優先：会話とテーマの設定は現在のワークスペースの .local/ ディレクトリに保存されます。

• デュアルテーマ：明るい青色のデフォルトテーマと暖色テーマを即座に切り替えられ、設定を記憶します。

• 差分同期：毎回、コンパクトなプロジェクションのみを読み取り、現在の差分を書き込むことで、全会話の再生を繰り返すことを避けます。

截图

Pick 已选与未选

左側が緑色の選択済み状態、右側がグレーの未選択状態。解除すると構造とマインドマップが同期的に更新されます。

环境要求

• Codex Desktop（ローカル Plugin、Skill、MCP Server と右側 Browser をサポート） n* Node.js 20 以上 n* 使用可能な codex CLI

現在のバージョンは macOS で開発・検証されています。

安装

直接把 GitHub 仓库注册为 Codex Marketplace，再安装其中的插件：

codex plugin marketplace add prozacLaputa/vibe-canvas
codex plugin add vibe-canvas@vibe-canvas --json

确认安装状态：

codex plugin list --json

安装或升级后建议新建一个 Codex 任务，让 Skill 和 MCP 工具完成重新发现。

使用

在新的 Codex 任务中输入： n GXP3

随后正常对话即可： n

1. Codex 在右侧打开 Vibe Canvas。

2. 每轮回答前，当前对话会把本轮原文和结构增量同步到画板。 n3. AI 自动选择明确有价值的内容，并把不确定内容放入候选缓冲。

3. 你可以在原文区点击 Pick，随时决定某轮是否进入结构与脑图。 n5. 右上角 Switch 可切换蓝色与暖色主题。 n 画板激活范围只限当前 Codex 任务；普通任务不会被自动接管。 n

原理 n

GXP4 n 核心由三部分组成： n

1. Skill 负责时机与约束：显式打开后，每轮通过 vibe_canvas_get_projection 读取紧凑上下文，再用 vibe_canvas_sync_turn 写入当前增量。不会启动第二个 Codex 会话，也不会伪造用户消息。 n2. MCP Server 负责状态：Node.js 进程同时提供 MCP 工具和仅监听 127.0.0.1 的本地 HTTP API，并把 session 持久化为 JSON。 n3. Browser 负责投影与筛选：页面约每 900 ms 检查内部 revision，只在状态变化时重绘。Pick 和主题切换直接走本地 HTTP，不调用模型、不消耗额外 Token。 n Token 主要来自每轮一次紧凑结构读取和一次小型增量写入；浏览器轮询、主题切换和人工 Pick 都是纯本地操作。 n 默认数据位置： n GXP5 n

快捷键 n

当前没有额外快捷键；使用 Codex 对话和画板中的 Pick / 主题控件即可。 n

开发 n

GXP6 n 测试通过公开 MCP JSON-RPC 和本地 HTTP 投影 API 覆盖打开画板、增量同步、AI Pick、候选复判、人工覆盖、主题偏好和状态恢复。 n

更新日志 n

见 CHANGELOG.md。 n

许可证 n

MIT © 2026 prozacLaputa