DayuanJiang/next-ai-draw-io

何を解決するか

要素を手動でドラッグ＆ドロップする代わりに、自然言語を使用して図を作成・変更できるようにすることで、複雑な図の作成と修正を簡素化します。また、静的なドキュメント（PDF、テキストファイル）や既存の画像を、編集可能な draw.io 図に変換する問題も解決します。

仕組み

このアプリケーションは Next.js で構築されており、Vercel AI SDK を使用してさまざまな LLM に接続します。AI はユーザーのプロンプトを処理し、draw.io が図を描画するために必要な特定の XML 形式を生成します。これらの図の視覚的な表現と操作のために react-drawio を統合しています。

対象ユーザー

• Architects and Engineers: クラウドアーキテクチャ（AWS, GCP, Azure）やシステム設計を素早くスケッチするため。
• Technical Writers: ドキュメントを視覚的なフローチャートに変換するため。
• Developers: ロジックフローや認証プロセスの迅速なプロトタイプを作成するため。

ハイライト

• Multi-Modal Input: テキストプロンプト、アップロードされた画像、または PDF/テキストドキュメントから図を作成します。
• MCP Server Support: Model Context Protocol を介して Claude Desktop、Cursor、および VS Code のような AI エージェントと統合します。
• Broad Provider Support: OpenAI、Anthropic、Google、DeepSeek、および Ollama を含む幅広い LLM をサポートします。
• Advanced Visuals: アニメーション付きのコネクタをサポートし、サポートされているモデルでは AI の推論プロセスを表示します。
• Version Control: 以前のバージョンを追跡して復元するための図の履歴機能が含まれています。