2024 · AI/ML · Developer Tools · Personal

Mermaid AI

Build Diagrams With AI

AI diagram generator reducing design time from 30min to 5min using Gemini Flash 2.0. Generates sequence diagrams, DB schemas, UML from natural language.

Problem

Designers and developers spend 30+ minutes creating technical diagrams manually, slowing down documentation and planning workflows.

Solution

Built an AI-powered Mermaid.js playground that converts natural language descriptions into production-ready diagrams instantly, with safe AI code generation.

Stack

Tanstack StartReactTypeScriptGemini 2.0 Flash APIVercel

Impact

Performance

5min average diagram generation time (vs 30min manual) - 6X improvement

Users

5K+ monthly active users

Impact

250+ GitHub stars

System

99.2% API uptime, 50ms mean latency via caching, $0.03 cost per diagram (optimized from $0.15)

Role

Sole developer - Full stack implementation, AI integration, and deployment

Challenges

Integrating Gemini API safely while maintaining code quality and preventing prompt injection attacks.