Bring your Diagrams to Life

Prompt it. See it appear. Watch it animate.

Launch AppDocs

每种图表，一个 studio — 从架构到 BPMN，你的 agent 自动挑选合适的类型。

FlowchartArchitectureBPMNSequenceClassERStateC4Use caseActivityComponentDeploymentDatabaseGanttTimelineGit graph
Use caseActivityComponentDeploymentDatabaseGanttTimelineGit graphNetworkMindmapKanbanTimingPieXY chart
NetworkMindmapKanbanTimingPieXY chartFlowchartArchitectureBPMNSequenceClassERStateC4

通过 MCP 连接你的编程 agent

kymo 在 mcp.kymo.studio 托管了一个 MCP server。Claude Code、Cursor、Copilot、Codex — 甚至浏览器里的 ChatGPT 和 Claude — 任何 MCP 客户端都能创建并编辑你的图表，在 agent 输入时于编辑器中实时渲染。

  1. 把 server 加到你的 agent — 一行配置。
  2. 请求一张图 — agent 编写 .kymo 源码并调用工具。
  3. 在 editor.kymo.studio 看它绘制 — 动画 SVG，随时导出。
  • 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

示例

点击卡片，并排查看源码与渲染结果。
NVIDIA AIQ — Autonomous Deep Researcher

NVIDIA AIQ — Autonomous Deep Researcher

多区域架构：路由链、子智能体、RAG 流水线、共享文件系统，以及三条回环轨道。

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

AWS — Lex chatbot + Bedrock RAG

Lex 聊天机器人在 us-east-1 中对接 Bedrock RAG，带编号步骤徽章，以及虚线异步扇出到 DynamoDB / Kendra。

aws_1.kymo·1280 × 680
NIM container architecture

NIM container architecture

教程 01：code-server IDE → NVIDIA Brev（GPU pod）→ NVIDIA Cloud，网格布局并跨区域对齐行。

data.kymo·1080 × 658