MermaidGen
Project Description
This project, Mermaid Architect, transforms diagramming into a collaborative, agentic experience. It uses AG-UI and CopilotKit to synchronize a shared diagram state, allowing humans and AI to edit a live canvas simultaneously. The agent renders dynamic controls, like a creativity temperature slider, allowing users to tune the LLM’s output style on the fly.By integrating a Mermaid MCP Server, the agent validates syntax and performs precise “diff-based” updates. This moves beyond static chat into a truly generative UI that solves real-world architectural bottlenecks through interactive, AI-powered visual modeling.
Team
Products & Tools
Additional Links
Github repo with code, hackathon state of progress was captured by this git tag: https://github.com/acuhlmann/mermaid-gen/releases/tag/hackathon-pre-deploy
Deployed and running app at time of the hackathon end date
Ongoing development of this project post hackathon