Vibe Canvas

简体中文 | English

Lassen Sie das Codex-Gespräch auf der rechten Seite in Echtzeit zu einem filterbaren Denkboard heranwachsen.

Einführung

Vibe Canvas ist ein lokales Codex-Plugin. Sie führen auf der linken Seite normal das Gespräch mit Codex fort, während der Browser auf der rechten Seite automatisch drei Inhaltsebenen anzeigt:

• Wortgetreu erhaltener Originaltext des Gesprächs

• Strukturierte Zusammenfassung durch KI

• Während des Gesprächs kontinuierlich wachsendes Mindmap

Es ist keine eigenständige Website, die erneute Eingabe, erneutes Senden oder manuelles Speichern erfordert. Die HTML-Seite ist lediglich die Echtzeit-Projektionsansicht auf der rechten Seite von Codex; Eingabe, Verständnis und Schlussfolgerung finden weiterhin im aktuellen Codex-Task statt.

Geeignet für Brainstorming, Plansimulationen, Lernnotizen, Retrospektiven, Anforderungsanalyse und jeden Denkprozess, bei dem „während des Gesprächs die Struktur sichtbar sein soll".

Related MCP server: repo-memory-mcp

Funktionen

• Gespräch als Eingabe: Der linke Codex ist die einzige Texteingabestelle; es gibt kein zweites Eingabefeld auf dem Board.

• Originaltext nachverfolgbar: Jede Benutzereingabe wird wörtlich gespeichert, KI-generierte Umschreibungen werden nicht als Originaltext ausgegeben.

• Automatisches Pick durch KI: Neue Inhalte werden als picked, candidate oder ignored eingestuft.

• Kandidatenpuffer: Noch nicht eindeutig zuordenbare Inhalte warten auf den späteren Kontext, ohne vorschnell in die Struktur aufgenommen zu werden.

• Menschliche Endentscheidung: Jede Runde hat eine Pick-Checkbox; menschliche Entscheidungen überschreiben dauerhaft spätere KI-Bewertungen.

• Echtzeit-Neustrukturierung: Nach dem Abwählen eines Picks verlässt der entsprechende Inhalt sofort die Struktur und das Mindmap, ohne erneuten Modellaufruf.

• Lokal bevorzugt: Die Sitzungs- und Themeneinstellungen werden im .local/-Verzeichnis des aktuellen Workspace gespeichert.

• Zwei Themes: Hellblau als Standard und ein warmes Thema können sofort umgeschaltet und die Präferenz gespeichert werden.

• Inkrementelle Synchronisation: Pro Runde wird nur die kompakte Projektion gelesen und das aktuelle Inkrement geschrieben, ohne die gesamte Konversation erneut abzuspielen.

Screenshots

Ausgewählt vs. nicht ausgewählt

Links grüner Status für ausgewählt, rechts grauer für nicht ausgewählt; nach dem Abwählen aktualisieren sich Struktur und Mindmap synchron.

Systemvoraussetzungen

• Codex Desktop mit Unterstützung für lokale Plugins, Skills, MCP-Server und rechten Browser

• Node.js 20 oder höher

• Verfügbare codex-CLI

Die aktuelle Version wurde auf macOS entwickelt und getestet.

Installation

Registrieren Sie das GitHub-Repository direkt als Codex-Marketplace und installieren Sie dann das Plugin daraus:

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

Überprüfen Sie den Installationsstatus:

codex plugin list --json

Nach der Installation oder dem Upgrade starten Sie am besten einen neuen Codex-Task, damit die Skill- und MCP-Tools neu erkannt werden.

Verwendung

Geben Sie in einem neuen Codex-Task ein:

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

Führen Sie dann das normale Gespräch:

1. Codex öffnet Vibe Canvas auf der rechten Seite.

2. Vor jeder Antwort synchronisiert die aktuelle Konversation den Originaltext und die strukturellen Inkremente dieser Runde auf das Board.

3. Die KI wählt automatisch klar wertvolle Inhalte aus und legt unsichere Inhalte in den Kandidatenpuffer.

4. Sie können im Originaltextbereich auf Pick klicken, um jederzeit zu entscheiden, ob eine Runde in die Struktur und das Mindmap aufgenommen wird.

5. Ein Schalter oben rechts wechselt zwischen blauem und warmem Thema.

Der Aktivierungsbereich des Boards ist auf den aktuellen Codex-Task beschränkt; normale Tasks werden nicht automatisch übernommen.

Funktionsweise

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

Das Kernstück besteht aus drei Teilen:

1. Skill steuert Timing und Einschränkungen: Nach explizitem Öffnen liest er pro Runde den kompakten Kontext über vibe_canvas_get_projection und schreibt das aktuelle Inkrement über vibe_canvas_sync_turn. Es wird keine zweite Codex-Sitzung gestartet und keine Benutzernachricht gefälscht.

2. MCP-Server verwaltet den Zustand: Ein Node.js-Prozess bietet gleichzeitig MCP-Tools und eine lokale HTTP-API, die nur auf 127.0.0.1 hört, und speichert die Sitzung als JSON persistent.

3. Browser projiziert und filtert: Die Seite prüft etwa alle 900 ms die interne Revision und zeichnet nur bei Zustandsänderung neu. Pick und Themenwechsel erfolgen direkt über lokales HTTP, ohne Modellaufruf und ohne zusätzliche Token.

Tokens entstehen hauptsächlich durch das einmalige Lesen der kompakten Struktur und das einmalige Schreiben eines kleinen Inkrements pro Runde; Browser-Polling, Themenwechsel und manuelles Pick sind rein lokale Operationen.

Standard-Datenverzeichnis:

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

Tastenkürzel

Es gibt keine zusätzlichen Tastenkürzel; verwenden Sie die Codex-Konversationssteuerung und die Pick-/Themensteuerung auf dem Board.

Entwicklung

npm test

Tests decken über öffentliches MCP JSON-RPC und lokale HTTP-Projektions-API das Öffnen des Boards, inkrementelle Synchronisation, KI-Pick, Kandidaten-Neuprüfung, manuelle Überschreibung, Themenpräferenz und Zustandswiederherstellung ab.

Änderungsprotokoll

Siehe CHANGELOG.md.

Lizenz

MIT © 2026 prozacLaputa