AI Draw.io — Claude Code向けAI図生成ツール

TooldiagramAIdrawio

GBSOSS/ai-drawio

★ 82

GitHub →

概要

AI Draw.ioは、自然言語の記述からdraw.io（diagrams.net）形式の図を自動生成するツールです。Claude Code向けに設計されており、ユーザーが「フローを示す」「AWS構成図を描いて」「マインドマップを作成して」といった指示を入力すると、AIが適切な図要素とレイアウトを決め、ブラウザ上で即時プレビューを表示します。出力はdraw.io互換のデータなので、ダウンロードして編集したり、既存テンプレートへ組み込むことも容易です。ドキュメント作成や設計レビューのスピードアップに寄与します。（約300字）

GitHub

リポジトリの統計情報

  • スター数: 23
  • フォーク数: 3
  • ウォッチャー数: 23
  • コミット数: 5
  • ファイル数: 5
  • メインの言語: 未指定

主な特徴

  • 自然言語からdraw.io互換の図を生成（フローチャート、アーキテクチャ図、マインドマップ等）
  • diagrams.net ビューアでのブラウザプレビュー機能を自動提供
  • AWS/GCP/Azureなどクラウドアーキテクチャ用アイコンに対応するテンプレート群
  • Claude Codeプラグインとしての統合でワークフローに組み込みやすい

技術的なポイント

このプロジェクトは「自然言語 → 図データ（draw.io形式）」のパイプラインを中心に設計されています。Claude Code（Anthropicのコード向けワークフロー）を呼び出して、ユーザー指示を構造化された図仕様に変換する役割を担う想定です。生成される図はdiagrams.netが扱うXML/JSONベースのフォーマットへマッピングされ、ノード（矩形・円・クラウドアイコン等）、エッジ（矢印、接続線）、レイアウト情報（座標・整列・階層）を含みます。ブラウザプレビューはdiagrams.netのビューアを埋め込む形で実現されており、生成結果の即時確認と簡単な修正が可能です。

リポジトリ構成を見ると、.claude-pluginフォルダでプラグインメタ情報やエンドポイント定義を持ち、skillsディレクトリに図種ごとの処理ロジック（プロンプトテンプレートや生成ルール）がまとめられている設計が伺えます。こうしたモジュール化により、プロンプト改善やテンプレート追加が容易で、例えば新しいクラウドベンダーアイコンや特殊なダイアグラムタイプを追加しやすくなっています。

注意点として、自然言語から図を生成する際の課題（モデルの解釈差やレイアウト最適化、接続関係の曖昧さ）に対処するため、明示的な指示テンプレートや検証ステップ（ノード重複チェック、閉路検出、依存関係検証など）を導入することが推奨されます。また、出力の互換性確保のためにdraw.ioのフォーマット仕様に沿った厳密なシリアライザが必要です。将来的にはSVG/PNGなどのエクスポート、共同編集対応、カスタムアイコン管理や細かなスタイル編集の対応が期待されます。（約700字）

プロジェクトの構成

主要なファイルとディレクトリ：

  • .claude-plugin: dir
  • .gitignore: file
  • LICENSE: file
  • README.md: file
  • skills: dir

まとめ

自然言語で設計図を素早く作れる実用的なツールで、ワークフロー改善に有用です。（約50字）

リポジトリ情報：

READMEの抜粋：

AI Draw.io

AI-powered draw.io diagram generator for Claude Code. Generate flowcharts, architecture diagrams, mind maps, and technical illustrations from natural language descriptions with browser preview.

Features

  • Natural Language to Diagram: Describe what you want, get a professional diagram
  • Browser Preview: Automatically renders diagrams using diagrams.net viewer
  • Multiple Diagram Types:
    • Flowcharts & Process diagrams
    • AWS/GCP/Azure architecture diagrams
    • Mind…

関連記事

Web

AIスマートドロー（ai-smart-draw）

AI Smart Drawは、Next.jsとTypeScriptで構築されたインテリジェントな図作成アプリケーションです。自然言語コマンドを用いてDraw.io（diagrams.net）、Mermaid、PlantUML、Excalidrawなど複数の図表フォーマットを生成・編集できます。AIを活用してテキストから図の構造や要素を自動生成し、既存の図を解析・変換することで、非専門家でも高速にダイアグラムを作成・修正できるのが特徴です。開発用にDockerファイルや各種設定が含まれており、ローカルやクラウドでのデプロイが容易です。

AIDiagramNext.js
Tool

AI Health Vault — Obsidianで作る私的なAI健康管理システム

Obsidianのヴォールトを土台に、テンプレート・プロンプト・構築ガイドを組み合わせて家族の健康データを私的に管理するためのリポジトリ。アプリ開発ではなく、汎用的なドキュメント構造とAI（Claude / ChatGPT / Gemini 等）への問いかけ例を提供し、診療情報や検査結果の整理、時系列トラッキング、AIを用いた要約・洞察抽出を容易にする。セットアップ手順や運用上の注意点も含むため、自分と家族の健康アーカイブ構築をガイドする実用リソース。300字程度

AIObsidianHealth
Tool

Scholar MCP — ローカル論文支援サーバー

Scholar MCPは、ローカル環境で動作する論文ツールのMCPサーバーです。複数（9つ）の検索ソースを横断検索し、Sci-Hub／arXiv／Unpaywallなどからの多重ダウンロード、AIによる論文解析、コードに基づくレコメンデーション、引用グラフ生成を提供。AI対応IDEとの統合を想定したAPIやパッケージとして配布され、研究ワークフローの自動化と再現性向上を支援します。（約300字）

論文検索AIPython
Tool

wechat-agent-channel — WeChatでローカルAIコーディングアシスタントを使う

WeChatのメッセージをローカルで動くAIコーディングアシスタント（Codex / OpenCode / Claude Code など）へ転送し、微信上でやり取りできるようにするツールです。ClawBot等のWeChatブリッジ経由で受信したチャットをPythonで受け取り、各プロバイダのCLIを呼び出して応答を返す仕組みを提供。外出先でIDEが使えない状況や複数プロバイダを同一入り口で切り替えたいケースに便利です。（約300字）

WeChatAICoding
Tool

App Store Preflight（アプリ審査事前チェック）スキル

本リポジトリは、iOS/macOSアプリの提出前にApp Store審査で問題になりやすい箇所を自動で検出する「Preflight」AIエージェントスキルです。Xcodeプロジェクト、Info.plist、権限設定、メタデータ、ソースコード、設定ファイルなどを走査し、ガイドライン違反や審査拒否に繋がる典型的な問題点を指摘します。asc CLIとの統合を通じて、CIやローカルワークフローに組み込みやすく、提出前の手戻りを減らす目的で設計されています。

App StoreiOSAI