Bring your Diagrams to Life

Prompt it. See it appear. Watch it animate.

Launch AppDocs

Every diagram, one studio — from architecture to BPMN, your agent picks the right kind.

FlowchartArchitectureBPMNSequenceClassERStateC4Use caseActivityComponentDeploymentDatabaseGanttTimelineGit graph
Use caseActivityComponentDeploymentDatabaseGanttTimelineGit graphNetworkMindmapKanbanTimingPieXY chart
NetworkMindmapKanbanTimingPieXY chartFlowchartArchitectureBPMNSequenceClassERStateC4

Connect your coding agent, over MCP

kymo runs a hosted MCP server at mcp.kymo.studio. Claude Code, Cursor, Copilot, Codex — even ChatGPT and Claude in your browser — any MCP client can create and edit your diagrams, rendering live in the editor while the agent types.

  1. Add the server to your agent — one line of config.
  2. Ask for a diagram — the agent writes .kymo source and calls the tools.
  3. Watch it draw at editor.kymo.studio — animated SVG, ready to export.
  • new_diagram
  • edit_diagram
  • get_diagram
  • list_diagrams
  • delete_diagram
terminal
claude mcp add --transport sse kymo \
  https://mcp.kymo.studio/sse
kymo demo — NVIDIA AIQ replica, animated WebP

Samples

Click a card to view source + rendered output side by side.
NVIDIA AIQ — Autonomous Deep Researcher

NVIDIA AIQ — Autonomous Deep Researcher

Multi-region architecture: routing chain, sub-agents, RAG pipeline, shared file system, and three loop-back rails.

aiq.kymo·1367 × 759
AWS — Lex chatbot + Bedrock RAG

AWS — Lex chatbot + Bedrock RAG

Lex chatbot meeting Bedrock RAG inside us-east-1, with numbered step badges and dashed async fan-out to DynamoDB / Kendra.

aws_1.kymo·1280 × 680
NIM container architecture

NIM container architecture

Tutorial 01: code-server IDE → NVIDIA Brev (GPU pod) → NVIDIA Cloud, grid layout with cross-region row alignment.

data.kymo·1080 × 658