Repolode
weike-zhang

weike-zhang/architecture-canvas

Espacio de trabajo web local-first donde conversas con documentos cargados para crear y perfeccionar diagramas de arquitectura editables en un canvas de Excalidraw.

Alternativa open source a:Lucidchartdraw.io

Estrellas
160
Forks
12
Issues abiertos
0
Último commit
hace 17 días

¿Qué es?

Architecture Canvas permite cargar documentos de requisitos, hojas de cálculo, archivos PDF e imágenes y luego conversar con un asistente de IA que crea un borrador de diagrama de arquitectura. El diagrama se muestra en un canvas editable de Excalidraw, donde puedes arrastrar nodos, editar texto y exportar el resultado a SVG o PNG una vez que el modelo genera el primer borrador.

Los cambios solicitados por chat se muestran antes de aplicarse, y puedes fijar la posición de componentes específicos. Cada sesión conserva sus propios mensajes, documentos, diagrama actual e historial de generaciones. El servicio solo se ejecuta en 127.0.0.1, y se conecta al modelo mediante cualquier endpoint compatible con Chat Completions, usando tu propia API key.

La edición manual y la exportación funcionan sin conexión con la sesión de demostración incluida. La generación por chat requiere un servicio de modelo configurado que admita llamadas a herramientas, y la integración opcional con Tavily añade búsqueda web. El proyecto está en versión Alpha e incluye un SDK de Python sin estado y un servidor MCP stdio.

Funciones clave

  • 01Genera diagramas de arquitectura a partir de documentos cargados, hojas de cálculo, archivos PDF e imágenes mediante chat.
  • 02Canvas editable de Excalidraw con funciones para arrastrar, editar texto, deshacer e importar.
  • 03Exporta diagramas como SVG, PNG y archivos editables que incluyen imágenes.
  • 04Revisa los cambios propuestos antes de aplicarlos y permite fijar componentes seleccionados.
  • 05Se ejecuta localmente en 127.0.0.1 y guarda los datos de cada sesión en una carpeta del espacio de trabajo.
  • 06Ofrece un SDK de Python y un servidor MCP stdio para integrar el renderizador y el lector de documentos.

Casos de uso

  • Convertir un documento de requisitos en un primer borrador de diagrama de arquitectura del sistema.
  • Iterar sobre un diagrama existente mediante una conversación, conservando la disposición manual.
  • Crear diagramas de arquitectura editables a partir de archivos locales sin enviarlos a un editor alojado.
  • Añadir herramientas para leer documentos y renderizar diagramas a un agente de IA mediante MCP.

Inicio rápido

  1. 1

    Clona el repositorio

    git clone https://github.com/weike-zhang/architecture-canvas.git
  2. 2

    Entra en el directorio del proyecto

    cd architecture-canvas
  3. 3

    Inicia la aplicación (la primera vez, se instalarán las dependencias y se compilará la página)

    python3 start.py
  4. 4

    Abre el espacio de trabajo en el navegador y configura un modelo en Ajustes del modelo

Antes de usarlo

  • Versión alfa que solo se ejecuta localmente, vinculada a 127.0.0.1 y sin cuentas multiusuario.
  • El chat, la comprensión de documentos y la generación de diagramas requieren un servicio de modelos con una clave de API que admita tool calling.
  • La generación está limitada a unos 22 componentes y no incluye diagramas de secuencia, ER ni diagramas con ramificaciones complejas.

Temas

Preguntas frecuentes

¿Qué es architecture-canvas?
Espacio de trabajo web local-first donde conversas con documentos cargados para crear y perfeccionar diagramas de arquitectura editables en un canvas de Excalidraw. Architecture Canvas permite cargar documentos de requisitos, hojas de cálculo, archivos PDF e imágenes y luego conversar con un asistente de IA que crea un borrador de diagrama de arquitectura. El diagrama se muestra en un canvas editable de Excalidraw, donde puedes arrastrar nodos, editar texto y exportar el resultado a SVG o PNG una vez que el modelo genera el primer borrador.
¿architecture-canvas es gratuito? ¿Qué licencia tiene?
architecture-canvas es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿architecture-canvas sigue mantenido?
Mantenimiento activo. El último commit de architecture-canvas fue el 3 oct 2026.
¿Para qué puedo usar architecture-canvas?
Convertir un documento de requisitos en un primer borrador de diagrama de arquitectura del sistema. Iterar sobre un diagrama existente mediante una conversación, conservando la disposición manual. Crear diagramas de arquitectura editables a partir de archivos locales sin enviarlos a un editor alojado. Añadir herramientas para leer documentos y renderizar diagramas a un agente de IA mediante MCP.
¿Cómo se instala architecture-canvas?
Clona el repositorio: git clone https://github.com/weike-zhang/architecture-canvas.git Entra en el directorio del proyecto: cd architecture-canvas Inicia la aplicación (la primera vez, se instalarán las dependencias y se compilará la página): python3 start.py Abre el espacio de trabajo en el navegador y configura un modelo en Ajustes del modelo
¿Dónde consigo architecture-canvas?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/weike-zhang/architecture-canvas

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados