json-canvas

Create and edit JSON Canvas files with nodes and edges.

1|Updated Feb 13, 2021
One-click install
npx skills add https://github.com/driftingly/dotfiles --skill json-canvas-driftingly
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/driftingly/dotfiles/tree/main/config/claude/skills/json-canvas
Command: npx skills add https://github.com/driftingly/dotfiles --skill json-canvas-driftingly

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of creating, editing, and managing JSON Canvas files, making it easier to work with visual canvases, mind maps, flowcharts, and more.

Core Features & Use Cases

  • Canvas Creation: Build and modify JSON Canvas files with nodes, edges, groups, and connections.
  • Node and Edge Management: Add, edit, and connect nodes and edges to create complex visual representations.
  • Validation: Ensures the integrity of the JSON Canvas structure, checking for unique IDs and valid references.
  • Use Case: Ideal for users who need to create visual representations of complex data, such as project plans, research findings, or system diagrams.

Quick Start

Create a new JSON Canvas file and add a text node with the ID 'node1' at position (100, 100).

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a JSON Canvas file for a mind map or flowchart?

To create a JSON Canvas file, you define nodes, edges, and groups to structure your visual canvas. This Skill handles creation and modification of text, file, and link nodes according to the JSON Canvas Spec 1.0.

What is JSON Canvas and when do I need it for visual representation?

JSON Canvas is a specification for structuring visual canvases like mind maps and flowcharts. You need it to represent complex data such as project plans, research findings, or system diagrams in a structured format.

Do I need Python to edit JSON Canvas files?

Yes, Python is required to execute the scripts that handle node and edge creation, modification, and validation. You need a Python environment to run the JSON Canvas manipulation processes.

How do I validate unique IDs and references in a JSON Canvas structure?

You validate a JSON Canvas structure by checking the integrity of nodes and edges. This Skill ensures unique IDs and valid references are maintained during creation and modification.

Can I add file and link nodes to a JSON Canvas flowchart?

Yes, you can add file and link nodes alongside text nodes. The Skill supports various node types, allowing you to build complex visual representations by connecting different elements within your canvas.