Communitygithub.com

Agents365-ai/drawio-skill

自然言語から draw.io 図を生成 — 6種類のプリセット、ビジョン自己チェック+最大5回のリファインメント、コードベースから図への変換、10,000以上の公式シェイプと321のAI/LLMブランドロゴ。PNG/SVG/PDF/JPGをエクスポート。

drawio-skill とは?

Agents365-ai/drawio-skill は、自然言語の記述からプロフェッショナルな draw.io 図を生成するための AI エージェントスキルです。このスキルは、Claude Code、Cursor、Codex などの AI エージェントツール上で動作し、開発者がアーキテクチャ図、フローチャート、シーケンス図などをコードや会話から直接作成できるようにします。6種類のプリセット(フローチャート、クラス図、シーケンス図など)を提供し、ビジョンモデルによる自己チェックと最大5ラウンドのリファインメントにより、生成された図の品質を自動的に確認・改善します。さらに、コードベースから図を生成する機能も備えており、既存のコード構造を視覚化するのに役立ちます。10,000以上の公式シェイプと321のAI/LLMブランドロゴを含む豊富な形状ライブラリをサポートし、出力形式は PNG、SVG、PDF、JPG に対応しています。このスキルは、開発ドキュメントの作成、コードレビュー、システム設計のコミュニケーションを効率化するために非常に有用です。

対応~Claude Code~Codex CLI~Cursor
npx skills add Agents365-ai/drawio-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

drawio-skill は何をしますか?

自然言語から draw.io 図を生成 — 6種類のプリセット、ビジョン自己チェック+最大5回のリファインメント、コードベースから図への変換、10,000以上の公式シェイプと321のAI/LLMブランドロゴ。PNG/SVG/PDF/JPGをエクスポート。

特徴

  • 自然言語から図を生成: 「ユーザー認証のフローチャートを作成して」などと指示するだけで、draw.io 図を自動生成します。
  • 6種類のプリセット: フローチャート、クラス図、シーケンス図、アクティビティ図、ユースケース図、ER図をサポート。
  • ビジョン自己チェック+リファインメント: ビジョンモデルが生成された図の品質をチェックし、必要に応じて最大5回まで自動的にリファインメントを実行します。
  • コードベースから図への変換: 既存のコードベースを解析し、アーキテクチャ図やクラス図を自動生成します。
  • 豊富な形状ライブラリ: 10,000以上の公式シェイプと321のAI/LLMブランドロゴを利用可能。
  • マルチフォーマットエクスポート: PNG、SVG、PDF、JPG 形式でエクスポートできます。

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他の AI エージェントツール

使用方法

  1. スキルをインストールします。
  2. AI エージェントに自然言語で図の生成を依頼します。
  3. スキルが自動的に図を生成し、必要に応じてリファインメントを実行します。
  4. 生成された図を希望の形式でエクスポートします。

例

ユーザー認証システムのフローチャートを作成してください。
ログイン、サインアップ、パスワードリセットの各フローを含めてください。

設定

  • DRAWIO_SKILL_PRESET: 使用するプリセットを指定します(デフォルト: flowchart)。
  • DRAWIO_SKILL_REFINEMENT_ROUNDS: リファインメントのラウンド数を指定します(デフォルト: 3)。
  • DRAWIO_SKILL_EXPORT_FORMAT: エクスポート形式を指定します(デフォルト: png)。

ライセンス

MIT

関連スキル