skills.rest
shihwesley
shihwesleyCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and validate .canvas files with JSON Canvas Spec 1.0 nodes and edges.

Updated Mar 16, 2026
Search Tags:#validation#json#flowchart#canvas#diagram#mind-map
One-click install
npx skills add https://github.com/shihwesley/shihwesleys-harness --skill json-canvas-shihwesley
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/shihwesley/shihwesleys-harness/tree/main/commands/json-canvas
Command: npx skills add https://github.com/shihwesley/shihwesleys-harness --skill json-canvas-shihwesley

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create and edit JSON Canvas diagrams to model ideas, workflows, and project plans with consistent structure and validation.

Core Features & Use Cases

  • Generate and modify .canvas files containing nodes and edges per the JSON Canvas Spec 1.0.
  • Validate IDs, ensure edge references point to existing nodes, and support guided ID generation.
  • Use cases include mind maps, project boards, and knowledge graphs for note-taking tools.

Quick Start

Create a new .canvas file with an empty structure and add a simple connected node graph.

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 valid JSON Canvas diagram for a mind map or flowchart?▼

You can create a valid JSON Canvas diagram by generating .canvas files with structured nodes and edges, enforcing required attributes, proper reference integrity, and JSON validity per the JSON Canvas Spec 1.0.

What is JSON Canvas validation and why do my .canvas files need it?▼

JSON Canvas validation enforces 16-character IDs, required node and edge attributes, and ensures edge references point to existing nodes. This validation prevents structural errors when modeling workflows and project plans in note-taking tools.

Can I automate JSON Canvas generation for knowledge graphs and project boards?▼

Yes, you can automate JSON Canvas generation for knowledge graphs and project boards by programmatically creating .canvas files containing structured nodes and edges with guided ID generation and validation.

How do I fix edge reference errors when building a JSON Canvas flowchart?▼

To fix edge reference errors in a JSON Canvas flowchart, validate that your edge references point to existing nodes and that all IDs are exactly 16 characters long, enforcing proper reference integrity per the JSON Canvas Spec 1.0.

Does JSON Canvas support guided ID generation for process diagrams?▼

Yes, JSON Canvas supports guided ID generation for process diagrams by enforcing 16-character IDs and required node attributes, ensuring your diagrams maintain proper structure and reference integrity per the spec.

Related Skills

Explore More Design & Creative Skills→
zephyrwang6zephyrwang6
333

json-canvas

Create and edit JSON Canvas .canvas files with nodes, edges, and groups.

Community
Basic
SergeiGolosSergeiGolos
1

json-canvas

Generate and modify JSON Canvas files with nodes and edges.

Community
Intermediate
tsemanatsemana

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
rfdiosuaorfdiosuao
30

typescript-expert

Guide TypeScript type system usage with generics, conditional types, and strict mode patterns.

Community
Advanced