skills.rest
wyhlovecpp
wyhlovecppCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

Updated Feb 22, 2026
Search Tags:#automation#json#flowchart#visualization#diagram#mindmap
One-click install
npx skills add https://github.com/wyhlovecpp/my-codex-settings --skill json-canvas-wyhlovecpp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/wyhlovecpp/my-codex-settings/tree/main/skills/by-category/diagrams-visualization/canvas-mindmap/json-canvas
Command: npx skills add https://github.com/wyhlovecpp/my-codex-settings --skill json-canvas-wyhlovecpp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the process of creating and editing JSON-based visual canvases for mind maps, flowcharts, and diagramming, reducing manual configuration.

Core Features & Use Cases

  • Visual Canvas Management: Generate, modify, and optimize JSON canvas files with nodes, edges, and groups.
  • Workflow Automation: Use scripts to standardize diagram creation for project planning or mind mapping.
  • Use Case: Design a project flowchart automatically from predefined templates, or update existing mind maps without manual editing.

Quick Start

Use the json-canvas skill to generate a basic mind map layout based on your input data.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I generate a JSON canvas file for a visual mind map?▼

To generate a JSON canvas file for a visual mind map, you can use this Skill to automatically create and structure nodes, edges, and groups directly from your input data, reducing manual configuration.

Can I automate flowchart creation from predefined templates?▼

Yes, you can automate flowchart creation from predefined templates by utilizing the Skill's internal scripts to standardize diagram generation and project planning workflows without manual editing.

How do I edit existing JSON-based diagrams without manual configuration?▼

To edit existing JSON-based diagrams without manual configuration, the Skill provides workflow automation scripts that modify and optimize visual canvas files, including updating nodes and edges seamlessly.

Does this Skill support visual connectors for project planning and brainstorming?▼

Yes, the Skill supports visual connectors for project planning and brainstorming by generating structured JSON canvas files that manage visual relationships between different diagram elements.

What is the best way to standardize visual diagram management using JSON?▼

The best way to standardize visual diagram management using JSON is to leverage the Skill's scripting and template usage features, ensuring consistent and structured creation of flowcharts and mind maps.

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
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate
wsxwj123wsxwj123
7

json-canvas

Create and edit JSON Canvas canvases with validated nodes and edges.

Community
Intermediate
jackjin1997jackjin1997
11

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate