← All projects

Infinite Canvas Agent

An infinite engineering canvas where agents read and draw P&IDs — equipment as nodes, piping as edges.

Open source
LangGraphVue 3GeminiP&ID

Why it exists

P&IDs are the working language of process engineering, and they spend most of their life trapped in flat images. This is a ComfyUI-style infinite canvas where the diagram is live graph data instead — equipment are nodes, piping are edges — so an agent can read it, draw into it, and rearrange it alongside you.

What’s in it

  • Three agentsOptimus routes a request to the right specialist, P&ID Extractor pulls equipment and connections out of an uploaded image while preserving relative positions, and Canvas Commander operates the canvas from plain language.
  • One command protocol — every mutation, whether it came from the toolbar, an agent, or another browser, goes through a single CanvasCommand union, so human edits and AI actions share one state model.
  • Vue 3 + Vue Flow front end, FastAPI + LangGraph back end, Gemini by default but provider-agnostic behind a small model interface.

Notes

The reducer over that command union is mirrored in TypeScript and Pydantic and run on both sides — which is what leaves the door open for CRDT multiplayer later. Without a provider key the canvas and persistence still work fully; only the AI endpoints go quiet.

© 2026 Dr. Bin Liu