drawio
✓Draw.io (diagrams.net) XML 形式を使用して本格的な図を作成します。複雑なアーキテクチャ図、ネットワーク トポロジ、カスタム形状のフローチャート、正確な位置決めが必要な技術文書に最適です。豊富な形状ライブラリ (AWS、Azure、Cisco、UML など) またはピクセルパーフェクトなレイアウトが必要な場合に使用します。単純なフローチャート (mermaid を使用) やデータ駆動型チャート (vega を使用) には使用できません。
SKILL.md
Quick Start: Create with → Define with grid settings → Add with cells → Use for shapes and edges → Set geometry with → Wrap in `drawio fence.
| shape | rectangle, ellipse, rhombus, hexagon, cylinder, actor, cloud | Shape type | | rounded | 0, 1 | Rounded corners | | fillColor | #FFFFFF, none | Background color | | strokeColor | #000000, none | Border color | | strokeWidth | 1, 2, 3... | Border width | | fontColor | #000000 | Text color | | fontSize | 12, 14, 16... | Font size |
| fontStyle | 0=normal, 1=bold, 2=italic, 3=bold+italic | Text style | | align | left, center, right | Horizontal text alignment | | verticalAlign | top, middle, bottom | Vertical text alignment | | whiteSpace | wrap | Enable text wrapping | | html | 1 | Enable HTML in labels |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/markdown-viewer/skills --skill drawio- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
drawio とは？
Draw.io (diagrams.net) XML 形式を使用して本格的な図を作成します。複雑なアーキテクチャ図、ネットワーク トポロジ、カスタム形状のフローチャート、正確な位置決めが必要な技術文書に最適です。豊富な形状ライブラリ (AWS、Azure、Cisco、UML など) またはピクセルパーフェクトなレイアウトが必要な場合に使用します。単純なフローチャート (mermaid を使用) やデータ駆動型チャート (vega を使用) には使用できません。 ソース: markdown-viewer/skills。
drawio のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/markdown-viewer/skills --skill drawio インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/markdown-viewer/skills
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01