Vibe Canvas

简体中文 | English

Haz que la conversación de Codex crezca en tiempo real en el lateral derecho como un lienzo de pensamiento filtrable.

Introducción

Vibe Canvas es un plugin de Codex con prioridad local. Sigues conversando con Codex normalmente en el lateral izquierdo, mientras que el Browser del lateral derecho muestra automáticamente el contenido estructurado y permite que cada conclusión de tercer nivel despliegue la evidencia textual original de cuarto nivel según sea necesario:

• Texto original de la conversación conservado palabra por palabra

• Comprensión estructurada resumida por IA

• Mapa mental que crece continuamente con la conversación

• Evidencia textual original plegada por defecto, visible al hacer clic

No es un sitio web independiente que requiera volver a introducir, reenviar o guardar manualmente. La página HTML es solo la vista de proyección en tiempo real en el lateral derecho de Codex; la entrada, la comprensión y el razonamiento siguen ocurriendo en la tarea actual de Codex.

Es adecuado para lluvias de ideas, desarrollo de propuestas, notas de estudio, retrospectivas, organización de requisitos y cualquier proceso de pensamiento en el que quieras "ver la estructura mientras conversas".

Related MCP server: repo-memory-mcp

Características

• La conversación es la entrada: Codex en el lateral izquierdo es la única entrada de texto; no hay un segundo cuadro de entrada en el lienzo.

• Texto original trazable: Cada entrada del usuario se conserva palabra por palabra; la reescritura de la IA no se hace pasar por el texto original.

• Selección automática por IA: El contenido nuevo se clasifica como picked, candidate o ignored.

• Búfer de candidatos: El contenido que no se puede determinar temporalmente espera el contexto posterior en lugar de entrar prematuramente en la estructura.

• Decisión final humana: Cada ronda tiene una casilla de verificación de Pick; la selección humana tiene prioridad permanente sobre los juicios posteriores de la IA.

• Reorganización en tiempo real: Al cancelar un Pick, el contenido correspondiente sale inmediatamente de la estructura y del mapa mental, sin volver a invocar el modelo.

• Prioridad local: La sesión y las preferencias de tema se guardan en el directorio .local/ del workspace actual.

• Doble tema: El tema azul claro por defecto y el tema cálido se pueden cambiar al instante y se recuerda la preferencia.

• Sincronización incremental: Cada ronda solo lee la proyección compacta y escribe el incremento actual, evitando reproducir toda la conversación repetidamente.

• Agregación entre rondas: Las mismas preguntas reutilizan Topics estables, las mismas proposiciones se fusionan en un solo Claim y acumulan evidencia de múltiples rondas, en lugar de simplemente añadir cada frase como un nuevo nodo.

• Temas cruzados: Una opinión se guarda solo una vez, conectada mediante Topics primary / related y relaciones tipadas, evitando duplicados en múltiples ramas.

• Conflictos reales preservados: Las opiniones opuestas no se eliminan como duplicados, sino que se conservan por separado y se marcan como contradicts.

• Proyección acotada: Por defecto se muestran como máximo 25 nodos y se conservan 40 Claims recientemente activos para la coincidencia de la siguiente ronda; el resumen y el índice de evidencia también mantienen límites fijos.

• Evidencia textual original de cuatro niveles: Los Claims de tercer nivel muestran 原文 N; al hacer clic o pulsar Enter / Espacio se despliegan los fragmentos palabra por palabra; el texto original debe coincidir exactamente con la entrada correspondiente del usuario y no puede ser inventado por la IA.

Capturas de pantalla

Pick seleccionado y no seleccionado

A la izquierda, estado seleccionado en verde; a la derecha, estado no seleccionado en gris; al cancelar, la estructura y el mapa mental se actualizan sincrónicamente.

Requisitos del entorno

• Codex Desktop, con soporte para Plugin, Skill, MCP Server y Browser en el lateral derecho

• Node.js 20 o superior

• CLI de codex disponible

La versión actual se ha desarrollado y validado en macOS.

Instalación

Registra directamente el repositorio de GitHub como Codex Marketplace e instala el plugin que contiene:

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

Confirma el estado de instalación:

codex plugin list --json

Después de instalar o actualizar, se recomienda crear una nueva tarea de Codex para que el Skill y las herramientas MCP se redescubran.

Uso

En una nueva tarea de Codex, introduce:

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

A continuación, conversa con normalidad:

1. Codex abre Vibe Canvas en el lateral derecho.

2. Antes de cada respuesta, la conversación actual sincroniza el texto original de esta ronda y el incremento estructural al lienzo.

3. La IA selecciona automáticamente el contenido claramente valioso y coloca el contenido incierto en el búfer de candidatos.

4. Puedes hacer clic en Pick en el área de texto original para decidir en cualquier momento si esa ronda entra en la estructura y el mapa mental.

5. El interruptor en la esquina superior derecha permite cambiar entre el tema azul y el cálido.

6. Al hacer clic en los puntos clave de tercer nivel del mapa mental, se puede expandir o contraer el texto original palabra por palabra de cuarto nivel.

El alcance de activación del lienzo se limita a la tarea actual de Codex; las tareas normales no se ven afectadas automáticamente.

Principio

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

El núcleo consta de tres partes:

1. El Skill se encarga del momento y el juicio semántico: Tras la apertura explícita, cada ronda lee los Topics canónicos y los Claims recientes mediante vibe_canvas_get_projection, y luego determina si la expresión actual debe reutilizarse, fusionarse, conectarse o dividirse. No inicia una segunda sesión de Codex ni falsifica mensajes de usuario.

2. El MCP Server se encarga del estado determinista: El proceso de Node.js proporciona herramientas MCP y una API HTTP local que solo escucha en 127.0.0.1. El Reducer se encarga de IDs estables, deduplicación exacta normalizada, trazabilidad de Pick, relaciones entre temas, proyección acotada y de validar que cada sourceQuote proviene realmente del texto original del usuario en esta ronda, persistiendo la sesión completa como JSON.

3. El Browser se encarga de la proyección y el filtrado: La página comprueba la revisión interna aproximadamente cada 900 ms y solo redibuja cuando cambia el estado. El Pick, el cambio de tema y la expansión del texto original se realizan completamente en local, sin invocar el modelo ni consumir Tokens adicionales.

La paráfrasis semántica la determina el Codex actual; el servidor solo proporciona una red de seguridad determinista para preguntas u opiniones idénticas tras la normalización, por lo que no promete falsamente que cualquier reescritura arbitraria se fusionará automáticamente al 100 %. El alcance de la agregación es la misma sesión de Canvas; no se fusionan automáticamente tareas de Codex diferentes.

Los Tokens provienen principalmente de una lectura compacta de estructura y una pequeña escritura incremental por ronda. La vista se limita a 25 nodos, el índice de coincidencia se limita a 40 Claims recientes; la proyección compacta de Codex solo devuelve el número de evidencias y los 3 IDs de fuente más recientes, sin repetir el texto original. La evidencia palabra por palabra solo se envía al Browser local, mostrando por defecto las 5 más recientes, y la trazabilidad completa permanece en el JSON local. El sondeo del navegador, el cambio de tema, el Pick manual y la expansión del texto original son operaciones puramente locales.

Ubicación de datos por defecto:

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

Atajos de teclado

Tras enfocar un punto clave de tercer nivel con 原文 N, pulsa Enter o Espacio para expandir / contraer el texto original de cuarto nivel. El resto de operaciones se realizan mediante la conversación de Codex y los controles de Pick / tema del lienzo.

Desarrollo

npm test

33 pruebas de comportamiento y pruebas visuales del navegador cubren la apertura del lienzo, la sincronización incremental, el Pick por IA, la reevaluación de candidatos, la anulación manual, las preferencias de tema, la restauración de estado, la deduplicación entre rondas, las relaciones cruzadas, la validación de evidencia palabra por palabra, el plegado por defecto, la expansión con ratón y teclado, la reproducción de agregación de 12 rondas y el límite de evidencia de 100 rondas.

Registro de cambios

Consulta CHANGELOG.md.

Licencia

MIT © 2026 prozacLaputa