skills.rest
ken5scal
ken5scalCOMMUNITY
Explore all skills by this author →
Website𝕏@ken5scalGitHub

json-canvas

Create and modify JSON Canvas diagrams with nodes, edges, and groups.

Updated Aug 23, 2026
Search Tags:#json#flowchart#visualization#canvas#mind map#diagram
One-click install
npx skills add https://github.com/ken5scal/.allstar --skill json-canvas-ken5scal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/ken5scal/.allstar/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/ken5scal/.allstar --skill json-canvas-ken5scal

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It simplifies the process of creating and editing complex visual diagrams in JSON Canvas format without manual JSON editing.

Core Features & Use Cases

  • Diagram Creation: Generate and customize nodes, edges, and groups for mind maps, flowcharts, or organizational charts.
  • Editing and Validation: Modify existing canvas files, ensure ID uniqueness, resolve references, and validate the structure.
  • Use Case: Quickly update a flowchart to include new decision points and connections, maintaining structural integrity and visual clarity.

Quick Start

Use this Skill to add a new text node labeled "Review" at coordinates (300, 200) in your existing canvas file.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I programmatically create and edit JSON Canvas diagrams?▼

To create and edit JSON Canvas diagrams, you generate and customize nodes, edges, and groups programmatically. This avoids manual JSON editing and ensures structural integrity for visual planning tasks like flowcharts and mind maps.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for visual planning, mind mapping, and flowchart tasks. It structures diagram elements like nodes, edges, and groups to maintain visual clarity and data integrity for complex organizational charts.

How can I validate an existing JSON Canvas file and ensure ID uniqueness?▼

To validate an existing JSON Canvas file and ensure ID uniqueness, you apply JSON schema validation. This process resolves references, verifies data integrity, and efficiently updates diagrams while maintaining structural validation.

Can I use this approach to update a flowchart with new decision points?▼

Yes, you can use this approach to update a flowchart with new decision points and connections. It modifies existing canvas files by adding customized nodes at specific coordinates while maintaining structural integrity and visual clarity.

Do I need a JSON schema validation library to construct canvas diagrams?▼

Yes, constructing and modifying JSON Canvas diagrams depends on JSON schema validation libraries. This dependency is required to verify data integrity, resolve references, and ensure ID uniqueness during diagram creation and editing.

Related Skills

Explore More Software Engineering Skills→
mattbeard0mattbeard0

json-canvas

Create and edit JSON Canvas diagrams with nodes and edges.

Community
Basic
zavorynzavoryn

json-canvas

Create and edit JSON Canvas files with valid node and edge structures.

Community
Intermediate
expanso-ioexpanso-io

expanso-enforce-schema

Validate incoming JSON data against a JSON schema and route invalid records to a dead-letter queue.

Official
Advanced
GabeujinGabeujin

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions as editable .excalidraw JSON files.

Community
Intermediate