データ・図解

drawio-skill

文章で説明すると作図ソフト用の図を作ってくれる

作りたい図を文章で説明すると、作図ソフト draw.io 用のファイルを作り、PNG・SVG・PDF・JPGとして書き出します。既存のプログラムやインフラの設定、データベースの構造を読み取って、自動で図に起こすこともできます。ER図・クラス図・シーケンス図・フローチャートなど11種類の型が用意されています。

#draw.io#図解

これは何？黒い画面（ターミナル）で動かすツール

できること

文章からの作図／プログラムやインフラ設定からの自動作図／11種類の図の型／PNG・SVG・PDF・JPGへの書き出し

誰に効く？

設計図や構成図を手で描くのに時間をかけている人

用意するもの

Claude Code・Cursor・Copilot などのAIエージェントに組み込んで使う「スキル」の形で提供されています。書き出しには draw.io のデスクトップ版が必要です。

時間のめやす

15〜30分(AIに聞きながらコピペ)

使うとこうなる

1作りたい図を文章で書く→図の素材になる
2プリセットを選ぶ→ERDやフロー図などに寄せられる
3CLIで出力する→PNGやSVGなどに変換できる

作れるもの・できることの例

ER図、シーケンス図、構成図、コードベース図

使えるようになるまでの手順をひらく

「」という文字だけの画面を使います（Windowsなら PowerShell）
GitHubページの「Installation」に書かれたコマンドを順番に実行
つまずいたら、いつも使っているAIチャットに「(ツール名)のインストールを手伝って」と聞くのがおすすめ

こんな人には向かないかも

黒い画面（ターミナル）にまだ抵抗がある人
登録やAPIキーの設定を一切やりたくない人

🔑 必要な鍵（APIキー）

Anthropic（Claude）の発行ページ↗発行は無料。APIは月額プランとは別勘定で、使った分だけの課金。※Claude Codeは月額プラン（Pro等）のログインでも使える

鍵は「合鍵」の文字列。発行→コピー→ツールの設定に貼り付け、の3手です。迷ったらAIチャットに「画面つきで教えて」と。

迷ったらこれ：いつも使っているAIチャット（ChatGPT・Claude・Geminiなど）にこのツールのGitHubリンクを貼って「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。

むずかしそう？同じジャンルで、もっと始めやすいのはこちら

mermaid — 文章を書くだけでフローチャートや図が描ける next-ai-draw-io — 話しかけるだけで、業務フローや構成図を描いてくれる無料ツール ml-visuals — 機械学習の説明図を無料で使える素材集

注意点

単体で動くアプリではありません。対応しているAIエージェントを普段から使っていることが前提になります。使っていない人にとっては、その導入から始めることになるので手間が大きいです。

ひとことメモ

として公開されています。内容は公式ページでもご確認ください。

公式ページを開く（英語）

導入の目安：準備がいる

APIキーの取得＋黒い画面に1〜2行コピペ（AIチャットに聞けば手順は出ます）

判断材料（9項目・自動判定）▾

最終更新日：半年以内（活発）お気に入り数：多い利用ルール：MIT作者：組織派生版：532件未解決の相談・不具合：0件APIキー：必要外部通信：ありターミナル操作：あり（AIに聞きながらコピペでOK）

お気に入り数: ★ 7.2k
最終更新: 2026年8月
利用ルール: MIT
仕事で使えるか: 可
公開元: Agents365-ai
派生版 Fork: 532
未解決 Issues: 0

APIキーが必要外部通信ありターミナル操作あり

𝕏 でこのツールをシェア

このサイトはツールの紹介と公式リンクのみを提供し、ファイルの配布は行いません。

drawio-skillについてよくある質問

drawio-skillは無料で使えますか？: drawio-skill自体は無料で使えますが、動かすのに外部AIのAPIキーが必要です。そのAI側の利用料は別にかかります（無料枠があるものもあります）。
drawio-skillを使うのに、インストールや専門知識は必要ですか？: コマンド入力（黒い画面）での操作が必要です。手順どおりに文字を打ち込む作業に慣れていないと、導入でつまずきやすいツールです。
drawio-skillはスマホでも使えますか？: スマホには対応していません。パソコンが必要です。
drawio-skillは仕事（商用）で使えますか？: ライセンスは MIT で、商用利用も認められています。ただし著作権表示を残すなどの条件が付くので、配布物に含める場合はライセンス本文を確認してください。