DayuanJiang/next-ai-draw-io

A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.

解决的问题

通过允许用户使用自然语言生成图表,而非手动拖拽元素,简化了复杂图表的创建和修改。同时解决了将静态文档(PDF、文本文件)或现有图像转换为可编辑的 draw.io 图表的问题。

工作原理

该应用程序使用 Next.js 构建,并通过 Vercel AI SDK 连接到各种 LLM。AI 处理用户提示,并生成 draw.io 所需的特定 XML 格式以渲染图表。它集成了 react-drawio 用于这些图表的可视化表示和操作。

适用人群

  • 架构师和工程师:用于快速绘制云架构(AWS、GCP、Azure)或系统设计。
  • 技术写作者:用于将文档转换为视觉流程图。
  • 开发者:用于快速创建逻辑流程或认证流程的原型。

主要亮点

  • 多模态输入:支持从文本提示、上传的图像或 PDF/文本文档创建图表。
  • MCP 服务器支持:通过 Model Context Protocol 与 Claude Desktop、Cursor 和 VS Code 等 AI 代理集成。
  • 广泛提供方支持:兼容多种 LLM,包括 OpenAI、Anthropic、Google、DeepSeek 和 Ollama。
  • 高级视觉功能:支持动画连接线,并可显示支持模型的 AI 推理过程。
  • 版本控制:包含图表历史功能,可追踪并恢复之前的版本。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目