A collection of custom skills for Claude Code, Anthropic's official CLI for Claude.
Create production-ready Obsidian .canvas files with intelligent layout handling.
Key Features:
-
Auto-sizing nodes — Height is calculated from content to prevent text cutoff. No more truncated labels or clipped descriptions.
-
Row-aligned column layouts — For flowcharts and pipelines, nodes in the same row automatically match the tallest node's height, keeping your diagram clean and readable.
-
Straight connector logic — Explicit guidance for vertical (
bottom→top) and horizontal (right→left) flows, so your arrows don't zigzag unnecessarily. -
Python helper library — Programmatically generate canvases with
CanvasBuilder. Includesestimate_height()for content-aware sizing andcreate_column_layout()for multi-column flowcharts. -
Smart file placement — Defaults to
docs/folder when it exists (common in dev projects), otherwise saves to vault root.
Example use cases:
- System architecture diagrams
- Data pipeline flowcharts
- Project documentation with linked notes
- Mind maps and knowledge graphs
Copy the skill folder to your Claude Code skills directory:
cp -r obsidian-canvas ~/.claude/skills/Or symlink for development:
ln -s "$(pwd)/obsidian-canvas" ~/.claude/skills/obsidian-canvasOnce installed, Claude Code will automatically use these skills when relevant:
> Create a canvas showing my API authentication flow
> Make a flowchart for the data ingestion pipeline with 3 input sources
> Generate an architecture diagram for this project
Each skill contains:
SKILL.md— Skill definition with instructions for Claudereferences/— Supporting documentation and specificationsexamples/— Sample outputs demonstrating the skillscripts/— Helper scripts (Python utilities, etc.)
To add a new skill:
- Create a new directory with your skill name
- Add a
SKILL.mdfile following the existing format - Include examples and any supporting files
- Submit a pull request
MIT — see LICENSE