39 editorial HTML/SVG diagram types for Claude Code and Codex
JSON Canvas
SkillHave your agent draw mind maps and flowcharts as JSON Canvas files that open straight in Obsidian.
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About JSON Canvas
From kepano's official Obsidian skills pack.
JSON Canvas is the open .canvas format behind Obsidian's infinite canvas. This skill teaches the agent its nodes, edges, and groups, so it can sketch an architecture diagram, a mind map, or a planning board as a real file you can drag around afterwards.
A nice way to get visual output from a terminal agent without reaching for an image model.
No reviews yet
Used it? Write the first review.
Similar skills
Distinctive UI/UX implementation patterns for frontend work
Capture desktop, app windows, or pixel regions
Translate Figma into production code at 1:1 fidelity
ADHD-friendly skill that makes agents lead with the answer
Map Figma design components to code with Code Connect