DayuanJiang/next-ai-draw-io

解決的問題

透過允許使用者以自然語言生成圖表，而非手動拖曳元件，簡化複雜圖表的建立與修改。同時解決將靜態文件（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 推理過程。
• 版本控制：內建圖表歷史功能，可追蹤並還原先前版本。