Daniel Lee — Product & UX Lover
  • Portfolio
  • Tips
Daniel's Mind in Product

Facebook

LinkedIn

Medium

Email

Daniel Lee — Product & UX Lover
Daniel Lee — Product & UX Lover
/
Selected Projects
/
Diagent: Visual collaboration tool for humans and agents
Diagent: Visual collaboration tool for humans and agents

Diagent: Visual collaboration tool for humans and agents

Knowledge workers increasingly use agentic coding tools like Claude Code or Cursor throughout their workflows. However, these agents struggle with generating readable visual flows, often defaulting to Mermaid, which is hard for humans to interpret and edit. Diagent addresses this by adding a collaboration layer for both agents and humans.

image.png

How it works:

  1. Install Diatgent CLI and Skills through https://github.com/daniellee-ux/diagent-cli to your Claude Code
  2. Ask the agent to plot a flow chart, and it generates the flow on a Miro-like canvas, allowing you to add nodes, lines, and texts, by dragging and dropping
  3. image.png
  4. The agent will get the edited result without further prompting
Diagent — Mermaid GUI Editor

Visually edit Mermaid flowcharts without knowing syntax. Built for human-agent collaboration with Claude Code and Cursor.

diagent.dev

Diagent — Mermaid GUI Editor