draw-io
✓適切なフォント設定、矢印の配置、日本語テキストのサポートを備えた XML 形式でdraw.io 図を生成および編集します。フローチャート、アーキテクチャ図、シーケンス図、または .drawio 形式のビジュアル図を作成するときに使用します。フォントファミリー設定、矢印の階層化、テキストのサイズ変更、および PNG エクスポートの検証を処理します。
SKILL.md
This skill enables Claude Code to generate high-quality draw.io diagrams by directly editing XML. It addresses common pitfalls when generating draw.io files programmatically.
Arrows must be declared FIRST to render behind other elements:
Labels must be at least 20px away from arrow lines:
適切なフォント設定、矢印の配置、日本語テキストのサポートを備えた XML 形式でdraw.io 図を生成および編集します。フローチャート、アーキテクチャ図、シーケンス図、または .drawio 形式のビジュアル図を作成するときに使用します。フォントファミリー設定、矢印の階層化、テキストのサイズ変更、および PNG エクスポートの検証を処理します。 ソース: ekusiadadus/draw-mcp。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ekusiadadus/draw-mcp --skill draw-io- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
draw-io とは？
適切なフォント設定、矢印の配置、日本語テキストのサポートを備えた XML 形式でdraw.io 図を生成および編集します。フローチャート、アーキテクチャ図、シーケンス図、または .drawio 形式のビジュアル図を作成するときに使用します。フォントファミリー設定、矢印の階層化、テキストのサイズ変更、および PNG エクスポートの検証を処理します。 ソース: ekusiadadus/draw-mcp。
draw-io のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ekusiadadus/draw-mcp --skill draw-io インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ekusiadadus/draw-mcp
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01