Vibe Canvas

Упрощённый китайский | English

Превращайте диалог с Codex в живую фильтруемую доску мышления справа в реальном времени.

Введение

Vibe Canvas — это локально-ориентированный плагин для Codex. Вы продолжаете обычный диалог с Codex слева, а Browser справа автоматически отображает три уровня содержимого:

• Дословно сохранённый исходный текст диалога

• Структурированное понимание, обобщённое ИИ

• Ментальная карта, растущая вместе с диалогом

Это не отдельный сайт, требующий повторного ввода, повторной отправки или ручного сохранения. HTML-страница — это лишь живое проекционное представление справа от Codex; ввод, понимание и рассуждение по-прежнему происходят в текущей задаче Codex.

Подходит для мозгового штурма, проработки решений, учебных заметок, ретроспектив, структурирования требований и любых мыслительных процессов, где нужно «видеть структуру по ходу разговора».

Related MCP server: repo-memory-mcp

Возможности

• Диалог как ввод: Codex слева — единственное текстовое окно ввода, на доске нет второго поля ввода.

• Исходный текст отслеживается: каждый пользовательский ввод сохраняется дословно, выдача ИИ не выдаётся за оригинал.

• Автоматический Pick ИИ: новый контент классифицируется как picked, candidate или ignored.

• Буфер кандидатов: содержимое, которое пока нельзя оценить, ожидает дальнейшего контекста и не спешит попадать в структуру.

• Окончательное решение человека: в каждом раунде есть Pick Checkbox; выбор человека всегда имеет приоритет над последующими решениями ИИ.

• Живая реорганизация: после снятия Pick соответствующий контент немедленно удаляется из структуры и ментальной карты, модель повторно не вызывается.

• Локальный приоритет: сеансы и предпочтения темы сохраняются в каталоге .local/ текущего workspace.

• Две темы: светло-синяя тема по умолчанию и тёплая тема переключаются мгновенно, предпочтение запоминается.

• Инкрементальная синхронизация: каждый раунд читает только компактную проекцию и записывает текущий инкремент, избегая повторного воспроизведения всего диалога.

Скриншоты

Pick: выбрано и не выбрано

Слева — зелёный статус выбора, справа — серый статус невыбора; при снятии выбора структура и ментальная карта обновляются синхронно.

Требования к окружению

• Codex Desktop, с поддержкой локальных Plugin, Skill, MCP Server и Browser справа

• Node.js 20 или выше

• Доступный CLI codex

Текущая версия разработана и проверена на 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 введите:

使用 $vibe-canvas 打开一个思考画板

Затем просто общайтесь как обычно:

1. Codex открывает Vibe Canvas справа.

2. Перед каждым ответом текущий диалог синхронизирует исходный текст текущего раунда и инкремент структуры с доской.

3. ИИ автоматически выбирает явно ценный контент, а неопределённый помещает в буфер кандидатов.

4. Вы можете нажимать Pick в области исходного текста, чтобы в любой момент решить, попадёт ли раунд в структуру и ментальную карту.

5. Переключатель Switch в правом верхнем углу позволяет менять синюю и тёплую темы.

Доска активна только в пределах текущей задачи Codex; обычные задачи не перехватываются автоматически.

Принцип работы

flowchart LR
    U[左侧正常对话] --> C[当前 Codex 任务]
    C -->|读取紧凑投影| M[本地 MCP Server]
    C -->|写入本轮原文与结构增量| M
    M --> J[本地 Session JSON]
    J -->|revision 变化| B[右侧 Browser 投影]
    B -->|Pick / 主题 PATCH| J

Ядро состоит из трёх частей:

1. Skill отвечает за тайминг и ограничения: после явного открытия каждый раунд читает компактный контекст через vibe_canvas_get_projection, затем записывает текущий инкремент с помощью vibe_canvas_sync_turn. Второй сеанс Codex не запускается, пользовательские сообщения не подделываются.

2. MCP Server отвечает за состояние: процесс Node.js одновременно предоставляет MCP-инструменты и локальный HTTP API, прослушивающий только 127.0.0.1, и сохраняет сеанс в JSON.

3. Browser отвечает за проекцию и фильтрацию: страница проверяет внутреннюю ревизию примерно каждые 900 мс и перерисовывается только при изменении состояния. Pick и переключение темы идут через локальный HTTP, не вызывая модель и не расходуя дополнительные токены.

Токены в основном расходуются на одно чтение компактной структуры и одну малую запись инкремента за раунд; опрос браузера, переключение темы и ручной Pick — чисто локальные операции.

Расположение данных по умолчанию:

<workspace>/.local/vibe-canvas-demo/sessions/<session-id>.json
<workspace>/.local/vibe-canvas-demo/preferences.json

Горячие клавиши

Сейчас дополнительных горячих клавиш нет; используйте диалог Codex и элементы Pick / темы на доске.

Разработка

npm test

Тесты через публичные MCP JSON-RPC и локальный HTTP API проекции покрывают открытие доски, инкрементальную синхронизацию, AI Pick, повторную оценку кандидатов, ручное переопределение, предпочтения темы и восстановление состояния.

Журнал изменений

См. CHANGELOG.md.

Лицензия

MIT © 2026 prozacLaputa