C4風の記法で、コードベースのソフトウェアアーキテクチャ図を生成するモデリング言語とツールチェーン。
Agents365-ai/drawio-skill
自然言語やTerraform、Kubernetes、SQL、OpenAPIなどの実システム情報から、編集可能なdraw.ioのアーキテクチャ図を生成するエージェントスキル。
代替できる製品:Lucidchart
- スター
- 10,234
- フォーク
- 870
- 未解決の Issue
- 0
- 最終コミット
- 9 日前
これは何?
drawio-skillは、Agent Skills形式のパッケージです。自然言語のプロンプト、コード、インフラ設定、スキーマから、保守しやすい.drawio形式のアーキテクチャモデルを生成します。公式クラウドアイコンを使ったTerraform、Kubernetes、docker-composeの図示、SQL DDLからのER図生成、OpenAPI・AsyncAPI・Protobuf・GraphQLの図示、CIパイプラインのDAG化に対応しています。また、terraform、docker、kubectlの出力から、稼働中のインフラのスナップショットを取り込むこともできます。
単発の図の生成だけでなく、システムと図の同期を保つことにも重点を置いています。差分同期では、手動で調整したレイアウトを維持しながら変更されたノードを更新できます。ドリフト差分では2つの図またはスナップショットを比較でき、YAML/JSON形式のアーキテクチャルールはCIのテストとして実行できます。図は、インタラクティブHTML、PowerPoint、アニメーションSVG、Mermaid、Markdownにエクスポートできます。主要なワークフローは標準ライブラリのみで動作し、主な依存関係はdraw.ioデスクトップCLIです。
主な機能
- 01自然言語から編集可能な.drawioファイルを生成し、レンダリング結果をセルフチェックする
- 02Terraform、Kubernetes、docker-compose、SQL、OpenAPI、AsyncAPI、Protobuf、GraphQLの情報を取り込む
- 03手動で設定したレイアウトや注釈を維持しながら、図を差分同期する
- 04アーキテクチャルールをCIテストとして実行し、図同士のドリフト差分を確認する
- 05インタラクティブHTML、PowerPoint、アニメーションSVG、Mermaid、Markdownにエクスポートする
- 0610,000種類以上の公式draw.ioシェイプと321種類のAI/LLMブランドロゴを検索する
ユースケース
- 公式プロバイダーアイコンを使い、TerraformやKubernetesのマニフェストからクラウドインフラを文書化する
- プルリクエストで、インターネットからデータベースへの直接アクセスを禁止するなどのアーキテクチャルールを徹底する
- デプロイ済みシステムと文書化されたアーキテクチャの差異を追跡する
- 既存コードから、関係者向けのスライド資料やインタラクティブなアーキテクチャ解説を作成する
クイックスタート
- 1
draw.io デスクトップ CLI をインストールする(macOS)
brew install --cask drawio - 2
任意のエージェントに skill をインストールする
npx skills add Agents365-ai/drawio-skill -g - 3
CLI のインストールを確認する
drawio --version
使う前に知っておきたいこと
- ツールキットの全機能を使うには draw.io デスクトップ CLI が必要です。Mermaid 変換と ELK レイアウトにはバージョン 30 以降を推奨します。
- Windows と Linux では CLI のセットアップがやや複雑です。WSL2 では Windows 版のデスクトップ実行ファイルを使用します。
トピック
よくある質問
- drawio-skill とは?
- 自然言語やTerraform、Kubernetes、SQL、OpenAPIなどの実システム情報から、編集可能なdraw.ioのアーキテクチャ図を生成するエージェントスキル。 drawio-skillは、Agent Skills形式のパッケージです。自然言語のプロンプト、コード、インフラ設定、スキーマから、保守しやすい.drawio形式のアーキテクチャモデルを生成します。公式クラウドアイコンを使ったTerraform、Kubernetes、docker-composeの図示、SQL DDLからのER図生成、OpenAPI・AsyncAPI・Protobuf・GraphQLの図示、CIパイプラインのDAG化に対応しています。また、terraform、docker、kubectlの出力から、稼働中のインフラのスナップショットを取り込むこともできます。
- drawio-skill は無料で使えますか?ライセンスは?
- drawio-skill は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- drawio-skill は今もメンテナンスされていますか?
- 活発にメンテナンス中。drawio-skill の最終コミットは 2026年10月11日 です。
- drawio-skill は何に使えますか?
- 公式プロバイダーアイコンを使い、TerraformやKubernetesのマニフェストからクラウドインフラを文書化する プルリクエストで、インターネットからデータベースへの直接アクセスを禁止するなどのアーキテクチャルールを徹底する デプロイ済みシステムと文書化されたアーキテクチャの差異を追跡する 既存コードから、関係者向けのスライド資料やインタラクティブなアーキテクチャ解説を作成する
- drawio-skill のインストール方法は?
- draw.io デスクトップ CLI をインストールする(macOS): brew install --cask drawio 任意のエージェントに skill をインストールする: npx skills add Agents365-ai/drawio-skill -g CLI のインストールを確認する: drawio --version
- drawio-skill はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/Agents365-ai/drawio-skill
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
短いJSON仕様から、アニメーション付きで操作でき、SVG・PNG・GIF・MP4に書き出せる図を生成するClaude向けコーディングエージェント用スキル。
コーディングエージェントに、統一されたスタイルで手配置のSVG図を描かせるスキルと依存関係ゼロのリンター。
アイデアや計画、コードベースをインタラクティブなHTML図に変換するエージェントスキル。
45種類の図とブランドカラーに対応した、単体HTMLで編集的な図を作成するエージェントスキル。
React Three FiberとWebGPUを基盤にした、ブラウザまたはCLIから利用できるローカルファーストのオープンソース3D建築エディター。AIエージェント向けにMCPツールを提供します。