skills.rest
co-labs-co
co-labs-coOFFICIAL
Explore all skills by this author →
GitHub

json-canvas

Create and validate JSON Canvas files conforming to the JSON Canvas Spec 1.0.

Updated Dec 23, 2025
Search Tags:#validation#json#obsidian#canvas#generate#serialization#diagram
One-click install
npx skills add https://github.com/co-labs-co/context-harness-skills --skill json-canvas-co-labs-co
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/co-labs-co/context-harness-skills/tree/main/skill/json-canvas
Command: npx skills add https://github.com/co-labs-co/context-harness-skills --skill json-canvas-co-labs-co

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files provide a structured format for diagrams and visual notes, enabling consistent canvases across tools and reducing manual errors.

Core Features & Use Cases

  • Create and edit .canvas files with nodes and edges
  • Support for text, file, link, and group nodes with position, size, and color attributes
  • Validation of IDs and references for reliable diagrams in brainstorming, project planning, and knowledge mapping

Quick Start

Create a minimal canvas file with a single text node to verify rendering.

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 an Obsidian canvas diagram?▼

JSON Canvas files are structured formats for nodes and edges that provide consistent canvases across tools, reducing manual errors in brainstorming, project planning, and knowledge mapping.

Does JSON Canvas validation check node IDs and edge references?▼

JSON Canvas supports text, file, link, and group nodes with position, size, and color attributes, enabling the creation of mind maps, flowcharts, and project boards.

Can I use JSON Canvas to generate knowledge graphs with grouped nodes?▼

You can create a minimal canvas file with a single text node to verify rendering, then expand by adding structured edges and additional node types to build your diagram.

What is the JSON Canvas spec used for when building visual notes?▼

The JSON Canvas spec mandates required fields for nodes and edges, validating IDs and references to ensure reliable diagram serialization across different platforms.

How do I validate a .canvas file against the JSON Canvas Spec 1.0?▼

JSON Canvas enforces required fields for nodes and edges, validating IDs and references to prevent structural errors during knowledge mapping and flowchart serialization.

Related Skills

Explore More Design & Creative Skills→
diegocamara89diegocamara89
3

json-canvas

Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Advanced
tc9011tc9011

json-canvas

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

Community
Intermediate
aivos-xieaivos-xie
1

llm-wiki

Parse Markdown documents into a structured knowledge base for cross-referencing and queries.

Community
Advanced
hviwenhviwen

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate