自由な配置で空間ノードベースのダイアグラムを作成します。正確な空間レイアウトが重要となるマインド マップ、ナレッジ グラフ、コンセプト マップ、プランニング ボードに最適です。 X/Y 座標を含む JSON 形式を使用します。シーケンシャル フロー (マーメイドを使用) やデータ チャート (ベガを使用) には使用できません。
SKILL.md
Quick Start: Define nodes with id, type, x, y, width, height → Plan layout on 100px grid → Connect edges with fromNode/toNode → Apply colors (1-6) → Wrap in `canvas fence. Origin (0,0) at top-left, X right, Y down. Obsidian Canvas compatible.
Node Types | Type | Required Fields | Purpose |
| text | text | Display custom text content | | file | file | Reference external files | | link | url | External URL references | | group | label | Visual container for grouping |
自由な配置で空間ノードベースのダイアグラムを作成します。正確な空間レイアウトが重要となるマインド マップ、ナレッジ グラフ、コンセプト マップ、プランニング ボードに最適です。 X/Y 座標を含む JSON 形式を使用します。シーケンシャル フロー (マーメイドを使用) やデータ チャート (ベガを使用) には使用できません。 ソース: xicilion/markdown-viewer-extension。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
canvas とは？
自由な配置で空間ノードベースのダイアグラムを作成します。正確な空間レイアウトが重要となるマインド マップ、ナレッジ グラフ、コンセプト マップ、プランニング ボードに最適です。 X/Y 座標を含む JSON 形式を使用します。シーケンシャル フロー (マーメイドを使用) やデータ チャート (ベガを使用) には使用できません。 ソース: xicilion/markdown-viewer-extension。
canvas のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/xicilion/markdown-viewer-extension --skill canvas インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/xicilion/markdown-viewer-extension
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01