Skip to main content
Glama

Vibe Canvas

Version Node.js Codex Plugin License

简体中文 | English

Lass Codex-Gespräche auf der rechten Seite in Echtzeit zu einer filterbaren Denktafel heranwachsen.

Vibe Canvas 界面

Einführung

Vibe Canvas ist ein lokal priorisiertes Codex-Plugin. Du unterhältst dich links wie gewohnt mit Codex, während der Browser rechts automatisch strukturierte Inhalte anzeigt und jedes Ergebnis der dritten Ebene bei Bedarf die wörtlichen Belege der vierten Ebene aufklappt:

  • Wortgetreu erhaltene Gesprächsoriginale

  • Von der KI zusammengefasste strukturierte Verständnisse

  • Eine mit dem Gespräch kontinuierlich wachsende Mindmap

  • Standardmäßig eingeklappte, per Klick einsehbare wörtliche Originalbelege

Es ist keine eigenständige Website, die erneut eingegeben, erneut gesendet oder manuell gespeichert werden muss. Die HTML-Seite ist nur die Echtzeit-Projektionsansicht auf der rechten Seite von Codex; Eingabe, Verständnis und Schlussfolgerung finden weiterhin in der aktuellen Codex-Aufgabe statt.

Geeignet für Brainstorming, Szenario-Entwicklung, Lernnotizen, Retrospektiven, Anforderungsanalyse sowie jeden Denkprozess, bei dem man „Struktur beim Reden sehen" möchte.

Related MCP server: repo-memory-mcp

Funktionen

  • Gespräch als Eingabe: Codex links ist der einzige Texteingang; es gibt kein zweites Eingabefeld in der Tafel.

  • Originale nachvollziehbar: Jede Benutzereingabe wird wortgetreu erhalten; KI-Umschreibungen werden nicht als Originale ausgegeben.

  • Automatische KI-Auswahl: Neue Inhalte werden als picked, candidate oder ignored eingestuft.

  • Kandidatenpuffer: Inhalte, die vorerst nicht eingeordnet werden können, warten auf den späteren Kontext und gelangen nicht vorschnell in die Struktur.

  • Menschliche Endentscheidung: Jede Runde hat eine Pick-Checkbox; menschliche Auswahl hat dauerhaft Vorrang vor späteren KI-Bewertungen.

  • Echtzeit-Neuorganisation: Nach dem Aufheben eines Picks verlässt der entsprechende Inhalt sofort Struktur und Mindmap, ohne erneut ein Modell aufzurufen.

  • Lokal priorisiert: Sitzung und Themenpräferenzen werden im .local/-Verzeichnis des aktuellen Workspace gespeichert.

  • Zwei Themes: Das helle blaue Standard-Theme und ein warmes Theme können sofort umgeschaltet und die Präferenz gespeichert werden.

  • Inkrementelle Synchronisierung: Jede Runde liest nur die kompakte Projektion und schreibt das aktuelle Inkrement, ohne das gesamte Gespräch erneut abzuspielen.

  • Aggregation über Runden: Gleiche Fragen verwenden stabile Topics, gleiche Aussagen werden zu einem Claim zusammengeführt und Belege über mehrere Runden gesammelt, statt jeden Satz einfach als neuen Knoten anzuhängen.

  • Kreuzthemen: Eine Ansicht wird nur einmal gespeichert und über primäre/verwandte Topics und typisierte Beziehungen verbunden, um Wiederholungen in mehreren Zweigen zu vermeiden.

  • Echte Konflikte erhalten: Gegensätzliche Ansichten werden nicht als Duplikate gelöscht, sondern separat erhalten und als contradicts markiert.

  • Begrenzte Projektion: Standardmäßig werden maximal 25 Knoten angezeigt und 40 zuletzt aktive Claims für die nächste Runde aufbewahrt; auch Zusammenfassung und Belegindex behalten feste Obergrenzen.

  • Wörtliche Belege der vierten Ebene: Claims der dritten Ebene zeigen 原文 N; durch Klick oder Enter/Leertaste werden wörtliche Ausschnitte aufgeklappt. Die Originale müssen exakt in der entsprechenden Benutzereingabe vorkommen und dürfen nicht von der KI erfunden werden.

Screenshots

Pick ausgewählt und nicht ausgewählt

Links der grüne ausgewählte Zustand, rechts der graue nicht ausgewählte Zustand; nach dem Aufheben werden Struktur und Mindmap synchron aktualisiert.

Pick 状态

Systemvoraussetzungen

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

  • Node.js 20 oder höher

  • Eine verfügbare codex CLI

Die aktuelle Version wurde auf macOS entwickelt und abgenommen.

Installation

Registriere das GitHub-Repository direkt als Codex Marketplace und installiere dann das darin enthaltene Plugin:

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

Installationsstatus bestätigen:

codex plugin list --json

Nach Installation oder Upgrade wird empfohlen, eine neue Codex-Aufgabe zu starten, damit Skill und MCP-Tools neu entdeckt werden.

Verwendung

Gib in einer neuen Codex-Aufgabe ein:

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

Führe danach einfach ein normales Gespräch:

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

  2. Vor jeder Antwort synchronisiert das aktuelle Gespräch die Originale dieser Runde und das Strukturinkrement zur Tafel.

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

  4. Du kannst im Originalbereich auf Pick klicken, um jederzeit zu entscheiden, ob eine Runde in Struktur und Mindmap aufgenommen wird.

  5. Der Switch oben rechts wechselt zwischen blauem und warmem Theme.

  6. Klicke auf die Kernpunkte der dritten Ebene in der Mindmap, um die wörtlichen Originale der vierten Ebene auf- oder zuzuklappen.

Der Aktivierungsbereich der Tafel beschränkt sich auf die aktuelle Codex-Aufgabe; normale Aufgaben werden nicht automatisch übernommen.

Prinzip

flowchart LR
    U[左侧正常对话] --> C[当前 Codex 任务]
    C -->|读取紧凑投影| M[本地 MCP Server]
    C -->|写入原文与类型化概念操作| M
    M --> J[本地 Session JSON]
    M --> R[Concept Graph Reducer]
    R --> J
    J -->|revision 变化| B[右侧 Browser 投影]
    B -->|Pick / 主题 PATCH| J

Der Kern besteht aus drei Teilen:

  1. Der Skill übernimmt Timing und semantische Bewertung: Nach explizitem Öffnen liest jede Runde über vibe_canvas_get_projection die kanonischen Topics und aktuellen Claims und entscheidet dann, ob der aktuelle Ausdruck wiederverwendet, zusammengeführt, verbunden oder aufgeteilt werden soll. Es wird keine zweite Codex-Sitzung gestartet und es werden keine Benutzernachrichten gefälscht.

  2. Der MCP Server übernimmt den deterministischen Zustand: Ein Node.js-Prozess stellt MCP-Tools und eine lokale HTTP-API bereit, die nur auf 127.0.0.1 lauscht. Der Reducer übernimmt stabile IDs, normalisierte exakte Deduplizierung, Pick-Herkunft, themenübergreifende Beziehungen, begrenzte Projektion sowie die Prüfung, dass jedes sourceQuote tatsächlich aus dem Benutzeroriginal dieser Runde stammt, und persistiert die vollständige Sitzung als JSON.

  3. Der Browser übernimmt Projektion und Filterung: Die Seite prüft etwa alle 900 ms die interne Revision und zeichnet nur bei Zustandsänderungen neu. Pick, Theme-Wechsel und Aufklappen der Originale erfolgen vollständig lokal, ohne Modellaufruf und ohne zusätzliche Tokens.

Semantische Paraphrasen-Zusammenführung übernimmt der aktuelle Codex; der Server bietet nur eine deterministische Absicherung für nach Normalisierung exakt identische Fragen oder Ansichten. Es wird daher nicht fälschlich versprochen, dass beliebige Umschreibungen zu 100 % automatisch zusammengeführt werden. Der Aggregationsbereich ist dieselbe Canvas-Sitzung; es wird nicht automatisch über verschiedene Codex-Aufgaben hinweg zusammengeführt.

Tokens entstehen hauptsächlich durch ein kompaktes Strukturlesen und einen kleinen Inkrement-Schreibvorgang pro Runde. Die Anzeige ist auf 25 Knoten begrenzt, der Abgleichindex auf 40 aktuelle Claims; die kompakte Projektion von Codex gibt nur die Beleganzahl und die letzten 3 Quellen-IDs zurück, ohne die Originale erneut mitzuführen. Wörtliche Belege werden nur an den lokalen Browser gesendet, standardmäßig die letzten 5 angezeigt, die vollständige Herkunft bleibt im lokalen JSON. Browser-Polling, Theme-Wechsel, manuelles Pick und Aufklappen der Originale sind reine lokale Vorgänge.

Standarddatenpfad:

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

Tastenkürzel

Nach dem Fokussieren eines Kernpunkts der dritten Ebene mit 原文 N kann mit Enter oder Leertaste die vierte Ebene aufgeklappt bzw. eingeklappt werden. Alle anderen Aktionen erfolgen über die Codex-Konversation und die Pick-/Theme-Steuerung der Tafel.

Entwicklung

npm test

33 Verhaltenstests und Browser-Visualtests decken das Öffnen der Tafel, inkrementelle Synchronisierung, KI-Pick, erneute Kandidatenbewertung, manuelle Überschreibung, Theme-Präferenz, Zustandswiederherstellung, Deduplizierung über Runden, Kreuzbeziehungen, Prüfung wörtlicher Belege, standardmäßiges Einklappen, Aufklappen per Maus und Tastatur, 12-Runden-Aggregationswiedergabe und die 100-Runden-Beleggrenze ab.

Änderungsprotokoll

Siehe CHANGELOG.md.

Lizenz

MIT © 2026 prozacLaputa

Related MCP Connectors

Related MCP Servers

  • A
    license
    A
    quality
    C
    maintenance
    Local-first external brain for Claude Code, Codex, and any MCP client. Stores decisions, entities, and session artifacts in one SQLite file and exposes MCP tools for recall, page, promote, review, graph-query, and source-status.
    11
    14 npm
    5
    MIT
  • A
    license
    Not graded
    quality
    C
    maintenance
    A local MCP server that provides a shared context and learning foundation across multiple AI tools (Claude, Copilot, Codex) for multiple projects, enabling persistent knowledge, decisions, and gap reflection through note storage.
    MIT
  • A
    license
    B
    quality
    D
    maintenance
    Local Markdown-backed memory tools for Codex and other MCP-capable agents. Exposes durable agent knowledge via CLI and MCP server.
    5
    MIT