옵시디언 캔버스 × 클로드 코드 — 생각을 다이어그램으로 구조화하는 워크플로우

01핵심 개요

02캔버스 기본 — 시각적 다이어그램 도구

좌측에서 '새 캔버스'를 만들고 문서 연결·카드 생성·이미지 삽입을 통해 마인드맵처럼 객체를 연결한다. 각 노드는 옵시디언의 기존 파일(마크다운·이미지)이나 텍스트 카드이며, 화살표(엣지)로 관계를 표현해 복잡한 생각을 구조화한다.

03핵심 통찰 — 캔버스는 순수 텍스트 파일

.canvas 파일을 VS Code로 열면 각 노드가 id, type, 연결 파일명, 위치(x·y), 크기(width·height)를 가진 텍스트로 정의돼 있고 엣지도 텍스트로 기록된다. VS Code에서 노드 width를 400→1000으로 바꾸면 옵시디언 캔버스에 실시간 반영되는 식으로 'CAD 파일처럼' 동작한다. 즉 텍스트라서 LLM이 직접 편집할 수 있다는 것이 모든 활용의 출발점.

04활용 1 — 내 생각을 AI와 함께 발전

클로드 코드에 .canvas 파일을 참조로 주고 "캔버스 파일을 멋지게 정리해 주세요"라고만 해도, AI가 흩어진 3개 노드(텍스트·이미지·마크다운)를 한 줄로 정렬하고 텍스트에 초록색·제목 크기를 입히며 화살표 방향을 흐름에 맞게 수정한다. 사용자가 먼저 '에이전트 OS / 클로드 코드 / 지시·기억·반복·목표·도구 / CLAUDE.md / 후크 / 스킬' 등 카드를 대략 그려두면, AI가 의도를 파악해 누락 요소(후크·스킬 등)를 채워 다이어그램을 완성한다. 주고받으며 점진적으로 구조를 정교화하는 방식.

05활용 2 — 긴 문서를 캔버스로 변환

이미 작성된 복잡한 문서(예: 책 편집 공통 규칙, AI 협업 프로토콜)를 "새 캔버스 파일로 정리해 줘"라고 하면, AI가 내용을 노드·엣지로 구조화해 깔끔한 다이어그램을 생성. 노드가 겹치면 "겹치지 않게 해 줘"로 추가 정리 가능하지만, 발표자는 직접 배치하며 머릿속 생각을 정리하는 쪽을 선호.

06왜 캔버스인가 — HTML/SVG 대비 장점

옵시디언의 강점은 수많은 파일을 시각화·검색하는 것이고, 그 전제는 '순수 텍스트로 정의된 문서'다. 캔버스가 이 규칙에 정확히 부합하기 때문에 AI 협업 다이어그램 도구로 적합하다.

07시사점

캔버스를 'AI가 읽고 쓰는 텍스트 다이어그램'으로 보면, 아이디어 구조화→AI 보완→문서·발표자료 산출로 이어지는 저비용 워크플로우가 된다. 핵심은 결과물 포맷(이미지·SVG·HTML)이 아니라 '편집 가능한 순수 텍스트'를 유지하는 것이며, 이는 옵시디언의 검색·연결 철학과 맞물린다.

08용어 사전