excalidraw-diagram

To generate Excalidraw diagrams from natural language, you provide a text description of a workflow or architecture to your coding agent. The agent outputs structured Excalidraw JSON that maps visual structure to the concept being explained.

Visual-argument diagram generation uses design rules to ensure a technical architecture diagram's structure maps directly to the concept being explained. It produces clear visual relationships rather than generic labeled boxes to communicate meaning.

You validate Excalidraw JSON layout using a Playwright-based render-and-validate pipeline. This automated workflow catches and fixes layout issues in the generated diagram before final delivery.

Yes, you can include concrete code, JSON, and event details in technical diagrams. The generation process encourages researching real specs to create evidence artifacts that provide concrete educational value.

Yes, the Excalidraw diagram generation process supports multi-zoom composition. It plans summary flows, grouped sections, and detailed evidence elements within one coherent visual system for educational diagrams.

Yes, you need Playwright installed to use the mandatory render-and-validate workflow. It allows the agent to automatically catch and fix layout issues in the generated Excalidraw JSON.