Obsidian Canvas Creator
Takes your text and outputs Obsidian Canvas JSON files with either MindMap or freeform layouts. The skill analyzes your content structure, positions nodes with proper spacing (320px horizontal, 200px vertical minimums), assigns colors, and handles all the ID generation and coordinate math. It's thorough about validation, like checking for overlaps and proper quote escaping for Chinese characters. Most useful when you've got hierarchical content or notes you want to visualize spatially instead of just reading linearly. The implementation gets into specifics like node sizing based on text length and radial distribution algorithms for mind maps, so outputs should actually import cleanly into Obsidian without manual fixes.
- skills.sh installs
- 2K
- GitHub stars
- 3.7K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add axtonliu/axton-obsidian-visual-skills --skill obsidian-canvas-creator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Obsidian Canvas Creator
Transform text content into structured Obsidian Canvas files with support for MindMap and freeform layouts.
When to Use This Skill
- User requests to create a canvas, mind map, or visual diagram from text
- User wants to organize information spatially
- User mentions "Obsidian Canvas" or similar visualization tools
- Converting structured content (articles, notes, outlines) into visual format
Core Workflow
1. Analyze Content
Read and understand the input content:
- Identify main topics and hierarchical relationships
- Extract key points, facts, and supporting details
- Note any existing structure (headings, lists, sections)
2. Determine Layout Type
Ask user to choose or infer from context:
MindMap Layout:
- Radial structure from center
- Parent-child relationships
- Clear hierarchy
- Good for: brainstorming, topic exploration, hierarchical content
Freeform Layout:
- Custom positioning
- Flexible relationships
- Multiple connection types
- Good for: complex networks, non-hierarchical content, custom arrangements
3. Plan Structure
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/axtonliu/axton-obsidian-visual-skills
- Categories
- Code Review & Quality, Design & UI/UX, Office & Documents
- First seen
- Apr 16, 2026
More from axtonliu/axton-obsidian-visual-skills
All 3Recommended
More Code Review & Quality
swift-concurrency-expertdimillian/skillsSwift Concurrency review and remediation for Swift 6.2+. Use when asked to review Swift Concurrency usage, improve concurrency compliance, or fix Swift concurre2Kskills.sh installs
treatment-plansk-dense-ai/scientific-agent-skillsFormat and structurally validate local treatment-plan documentation after clinical decisions have already been supplied and verified by authorized licensed prof2Kskills.sh installs
linter-docszernie/vigilesDeep linter reference for authoring or debugging a vigiles enforce() rule — plugin tables, AST selectors, type-aware rules, auto-fix, and edge cases for ESLint,2Kskills.sh installsopentrons-integrationk-dense-ai/scientific-agent-skillsAuthor, review, migrate, simulate, and troubleshoot official Opentrons Python Protocol API v2 protocols for Flex and OT-2 robots. Use for robot-specific liquid 2Kskills.sh installspylabrobotk-dense-ai/scientific-agent-skillsDevelop and review PyLabRobot lab-automation resources, liquid-handling plans, offline simulations, and supported-device integrations. Use for PyLabRobot protoc2Kskills.sh installs
tailwind-best-practicesmastra-ai/mastraTailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-2Kskills.sh installs