자유로운 위치 지정으로 공간 노드 기반 다이어그램을 만듭니다. 정확한 공간 레이아웃이 중요한 마인드 맵, 지식 그래프, 개념 맵 및 계획 보드에 가장 적합합니다. 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