J
json-canvas
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
How to use
- Zainstaluj skill json-canvas w swoim środowisku Claude Code, wskazując repozytorium davila7/claude-code-templates z ścieżką do folderu skills/document-processing/json-canvas.
- Przygotuj strukturę bazową pliku Canvas zawierającą tablicę "nodes" i opcjonalnie "edges" w formacie JSON zgodnym ze specyfikacją JSON Canvas 1.0.
- Zdefiniuj węzły, podając dla każdego obowiązkowe atrybuty: unikalny identyfikator (id), typ (text, file, link lub group), pozycję X i Y w pikselach, szerokość i wysokość. Dla węzłów tekstowych dodaj zawartość w Markdown.
- Utwórz połączenia między węzłami, dodając obiekty do tablicy "edges" z odwołaniami do identyfikatorów węzłów źródłowego i docelowego.
- Zarządzaj warstwowością węzłów poprzez ich kolejność w tablicy — węzły na początku wyświetlają się poniżej, na końcu powyżej innych elementów.
- Zapisz plik z rozszerzeniem .canvas i otwórz w Obsidian lub innej aplikacji obsługującej format JSON Canvas, aby zobaczyć wizualną reprezentację mapy.