json-canvas

Convert learning notes into interactive JSON Canvas mind maps and diagrams.

1|Updated Apr 12, 2025
One-click install
npx skills add https://github.com/WYfusion/note --skill json-canvas-wyfusion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/WYfusion/note/tree/main/.opencode/skills/json-canvas
Command: npx skills add https://github.com/WYfusion/note --skill json-canvas-wyfusion

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

json-canvas solves the challenge of turning dense study notes into clear, navigable visuals by representing concepts as nodes and relationships as edges, enabling quicker comprehension and retention.

Core Features & Use Cases

  • Visualize ideas as mind maps, concept maps, or learning-path diagrams for study planning and knowledge exploration.
  • Represent nodes (text, file, link, group) and connections with customizable layouts and interactions.
  • Use cases include building knowledge graphs for notes, study roadmaps, and project visualization.

Quick Start

Define a simple canvas file with two top-level arrays named nodes and edges, and add a few example nodes and a single connection to try out.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I convert learning notes into an interactive knowledge graph?

To convert learning notes into an interactive knowledge graph, this Skill transforms your concepts into nodes and relationships into edges, following the JSON Canvas spec to create navigable visualizations for quicker comprehension.

What is the JSON Canvas spec for building mind maps?

The JSON Canvas spec structures mind maps using a file with two top-level arrays named nodes and edges, supporting node types like text, file, link, and group to represent concepts and their connections.

How do I create a learning-path diagram from study notes?

You create a learning-path diagram by defining a canvas file with top-level nodes and edges arrays, adding your study concepts as nodes and mapping their relationships as connections to visualize your study roadmap.

Can I use JSON Canvas to visualize project notes as a concept map?

Yes, you can visualize project notes as a concept map by representing your ideas as customizable nodes and edges, enabling project visualization and knowledge exploration directly within the JSON Canvas structure.

What is the best way to structure a knowledge graph for study planning?

The best way to structure a knowledge graph for study planning is using the JSON Canvas two-top-level-structure file, categorizing concepts into text, file, link, or group nodes and connecting them with edges to map learning paths.

Does JSON Canvas support extended functionality like references and assets?

Yes, JSON Canvas supports extended functionality by allowing optional scripts, references, and assets alongside its core node types and edges, enabling richer knowledge graph visualizations for complex study notes.