json-canvas - Claude Code Skill

★ 39,759 · creative · free & open source

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.

install in claude code
$npx skills add kepano/obsidian-skills
paste this into your terminal, then restart Claude Code and run /skills
→ GO TO REPO ⚡ GET THE 10 SKILLS I USE ON EVERY PROJECT
the loadout

The 10 skills worth having on every project - with the copy-paste install commands. One email, free.

Or install it in one command: npx skillissue loadout · read the loadout first

What is json-canvas?

json-canvas is a creative agent skill for Claude Code: Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian. It has 39,759 stars on GitHub.

How to install json-canvas in Claude Code

  1. Open a terminal in your project.
  2. Run npx skills add kepano/obsidian-skills
  3. Start (or restart) Claude Code and type /skills to confirm json-canvas is loaded.

FAQ

What is json-canvas?

json-canvas is a creative agent skill for Claude Code: Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian. It has 39,759 stars on GitHub.

How do I install json-canvas in Claude Code?

Run "npx skills add kepano/obsidian-skills" in your terminal, or copy the skill into ~/.claude/skills/ (all projects) or .claude/skills/ (current project). Verify it loaded with the /skills command inside a Claude Code session.

Is json-canvas free?

Yes. json-canvas is open source - the full source is on GitHub at kepano/obsidian-skills and free to install and use with Claude Code.

Best creative skills for Claude Code (alternatives to json-canvas)

ranked by real install + star numbers · data mirrored from the source repo · browse the full Claude Code skills directory