drawio-designer｜AIスキル大辞典

このSkillでできること

✓.drawio XML図表の作成・編集・管理
✓図表の透明背景PNGへの変換
✓要素の位置・間隔・レイアウト調整
✓AWS・Kubernetes・汎用ITアイコンを使った図表作成

使い方

STEP 1

図表のテキスト内容から各要素のサイズを計算する

STEP 2

推奨される間隔と余白を保って配置する

STEP 3

構造化XMLとして.drawioファイルを編集する

STEP 4

レイアウトや重なりを確認し、PNGへ変換する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/hhtczengjing/ai-skills

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

AWS構成図をdraw.io XMLで作成してください。要素の文字量に応じてサイズを計算し、十分な余白を確保して、AWS公式アイコンを使用してください。

出力例を見る

AWS・Kubernetes・汎用ITアイコンを含む、レイアウト調整済みのdraw.io XML図表とPNG変換用の成果物。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信明確な記述なし

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス明確な記述なし

認証情報明確な記述なし

drawio-designer

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

mf

formio-actions

actions-log-secret-scrub