Obsidian JSON Canvas-Dateien erfordern eine präzise JSON-Struktur. Diese Fähigkeit stellt Vorlagen und Beispiele bereit, um gültige Canvas-Dateien mit Knoten, Kanten, Gruppen und Verbindungen zu erstellen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "json-canvas". Create a canvas with a central node 'Main Idea' connected to two child nodes
Erwartetes Ergebnis:
- Eine JSON Canvas-Datei mit einem nodes-Array, das 3 Textknoten mit entsprechender Positionierung enthält, und einem edges-Array, das die Verbindung vom Zentrum zu den Kindknoten mit Beschriftungen herstellt
Verwendung von "json-canvas". Build a simple flowchart with start, decision, and end nodes
Erwartetes Ergebnis:
- JSON-Struktur mit Textknoten, die nach Typ farblich gekennzeichnet sind (grün für Start/Ende, gelb für Entscheidung), verbunden durch gerichtete Kanten, die die Flussrichtung anzeigen
Sicherheitsaudit
SicherThis is a documentation-only skill that provides templates and examples for creating JSON Canvas files. All static findings are false positives triggered by JSON code examples in markdown documentation. No executable code, network calls, or cryptographic operations present. Skill is safe for publication.
Qualitätsbewertung
Was du bauen kannst
Mind Maps erstellen
Visuelle Mind Maps für Projektplanung, Notenorganisation oder Brainstorming-Sitzungen mit verbundenen Knoten erstellen
Flowcharts entwerfen
Flowcharts und Prozessdiagramme mit Entscheidungsknoten, gerichteten Kanten und farbcodierten Elementen erstellen
Forschung organisieren
PDF-Referenzen, Notizen und externe Links in einer visuellen Forschungs-Canvas für Literaturrecherche verbinden
Probiere diese Prompts
Create a JSON Canvas file with 3 text nodes: a title at the top, and two child nodes below it connected to the title with edges labeled 'Branch A' and 'Branch B'. Use reasonable x, y coordinates and sizes.
Create a JSON Canvas file with a central text node containing 'Research Topic', connected to 3 file nodes pointing to 'Paper1.pdf', 'Paper2.pdf', 'Paper3.pdf', and one link node pointing to 'https://example.com'. Add edges with labels showing relationships.
Create a flowchart canvas with 5 nodes: Start, Step 1, Decision (Yes/No), Step 2, End. Connect them with directional edges. Use colors to distinguish decision points.
Create a JSON Canvas with 2 group nodes: 'Group A' containing 2 text nodes, and 'Group B' containing 2 text nodes. Add edges connecting nodes across groups.
Bewährte Verfahren
- Immer eindeutige hexadezimale IDs für jeden Knoten und jede Kante hinzufügen
- Farbattribute verwenden, um Knotentypen visuell zu unterscheiden
- Knoten nach z-Index sortieren (erstes im Array = unterste Ebene)
- Kantenbeschriftungen definieren, um Beziehungen zwischen Knoten zu verdeutlichen
Vermeiden
- Vergessen, das 'nodes'- oder 'edges'-Array-Wrapper einzufügen
- Verwenden doppelter IDs über mehrere Knoten oder Kanten hinweg
- Auslassen erforderlicher Attribute wie 'type', 'x', 'y', 'width', 'height'
- Erstellen selbstreferenzierender Kanten, die einen Knoten mit sich selbst verbinden