canvas

Create and layout Obsidian Canvas files with templates or freeform prompts.

247|24|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/AgriciDaniel/claude-canvas --skill canvas-agricidaniel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/AgriciDaniel/claude-canvas/tree/main/skills/canvas
Command: npx skills add https://github.com/AgriciDaniel/claude-canvas --skill canvas-agricidaniel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Rapidly authoring, populating, and arranging Obsidian Canvas files is tedious and error-prone; this Skill automates canvas creation so users get production-ready layouts, content, and media without manual placement or file wrangling.

Core Features & Use Cases

  • Full-canvas generation: Instantiate presentations, flowcharts, mind maps, galleries, storyboards, timelines, dashboards, and knowledge graphs from templates or a single natural-language prompt.
  • Intelligent layout & validation: Apply six layout algorithms (dagre, grid, radial, force, linear, auto), enforce 20px grid snapping, group-first z-ordering, and run validation checks for overlaps, node limits, and path correctness.
  • Media and integration: Orchestrate AI image (banana), SVG, and GIF sub-skills, compute vault-relative file paths and sizes, and produce Advanced Canvas slide groups (1200x675) for presentations.

Quick Start

Say /canvas create q3-review from presentation to create a 1200x675 slide deck and then say /canvas generate "mood board for cyberpunk game" to populate it with AI-generated content and images.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I automatically generate Obsidian Canvas files from text prompts?

You can generate Obsidian Canvas files from text prompts by using AI to orchestrate node creation, populate content like text and images, and apply layout algorithms such as dagre or radial to produce valid .canvas JSON automatically.

Does AI canvas generation support Mermaid diagrams and media integration?

Yes, AI canvas generation supports populating nodes with Mermaid diagrams, images, PDFs, links, SVGs, and GIFs, including integration hooks for banana, svg, and gif media skills to compute vault-relative file paths.

What is the best way to create presentation slides in an Obsidian Canvas?

The best way to create presentation slides in an Obsidian Canvas is to generate Advanced Canvas slide groups sized 1200x675, applying 20px grid-snapped coordinates and group-before-content z-ordering for valid layout output.

Can I use automated layout algorithms for Obsidian mind maps and flowcharts?

Yes, you can use automated layout algorithms including dagre, grid, radial, force, linear, and auto to intelligently arrange Obsidian mind maps, flowcharts, and knowledge graphs while running validation checks for overlaps and node limits.

How do I fix overlapping nodes and invalid paths in generated .canvas JSON?

To fix overlapping nodes and invalid paths in generated .canvas JSON, the canvas creation process enforces 20px grid snapping, generates unique IDs, and runs validation checks for path correctness, overlaps, and node count limits.

Do I need manual placement when building Obsidian dashboards and storyboards?

No, you do not need manual placement when building Obsidian dashboards and storyboards; AI-driven canvas creation automates node population, media sizing, and layout arrangement to deliver production-ready files without manual wrangling.