MermaidGen - Generative UI Global Hackathon: Agentic Interfaces
AI Tinkerers - Hong Kong
Hackathon Showcase

MermaidGen

2 members

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.

AI Tinkerers CopilotKit LangChain Regal Hotels

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

Summarizing URL...

Deployed and running app at time of the hackathon end date

Summarizing URL...

Ongoing development of this project post hackathon

Summarizing URL...