Hey DEV community! π
Just launched AI Flowchart Studio today β a tool that converts
plain English into professional flowcharts using a Multi-Agent
Gemini AI pipeline.
The Problem
Existing tools like Lucidchart are too heavy for quick diagrams.
I wanted something where you just DESCRIBE and it builds.
How the AI Works (4-Stage Pipeline)
This is the part I'm most proud of:
Orchestrator Agent β Validates if the prompt can logically become a flowchart
Logic Parser Agent β Breaks text into a structured JSON graph (nodes + edges)
Generator Agent β Converts the graph into Mermaid.js syntax
Syntax Validator β Final check to guarantee perfect visual output
This pipeline ensures "Garbage In" never becomes "Garbage Out" π―
Tech Stack
Frontend: Vanilla JS, Mermaid.js, html2canvas, CSS3
Glassmorphism β deployed on Vercel
Backend: FastAPI (Python), Google GenAI SDK,
Server-Sent Events for real-time streaming β deployed on Render
Key Features
π€ Multi-Agent AI generation
βοΈ Manual builder (click &β¦