Menu

I built a free AI Flowchart Studio β€” just launched today! πŸš€
πŸ–ΌοΈ

I built a free AI Flowchart Studio β€” just launched today! πŸš€

DEV CommunityΒ·Yuva KunaalΒ·6 months ago
#6Zdg8Iq1
#showdev#webdev#ai#buildinpublic#agent
Reading 0:00
15s threshold

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 &…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.