canvas-populate

Add images, text, PDFs, links, and zones to Obsidian Canvas files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Users have to manually add images, text, PDFs, links, diagrams, and organize zones and edges in Obsidian Canvas, which is time‑consuming and error‑prone.

Core Features & Use Cases

  • Node addition: Add images, text cards, PDFs, wiki notes, web links, Mermaid diagrams, SVGs, GIFs, and AI‑generated images via Banana, handling aspect‑ratio and sizing automatically.
  • Zone and edge creation: Create colored zones (groups) and connect nodes with edges, ensuring proper spacing and layout.
  • Batch operations: Import recent Banana‑generated images and validate canvas integrity with provided scripts.
  • Use case: Quickly build a project roadmap canvas by adding task cards, linking dependencies, and grouping them into colored zones.

Quick Start

Ask Claude to add a new image node from a URL to your canvas and place it in the "Research" zone.

Frequently Asked Questions about canvas-populate

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

FAQPage Schema
How do I add images and text to an Obsidian Canvas automatically?

Adding images and text to Obsidian Canvas automatically involves using scripts that perform file handling, aspect-ratio detection, and auto-positioning to write updated JSON canvas files with the new nodes.

What is the best way to organize project roadmaps using Obsidian Canvas?

Organizing project roadmaps in Obsidian Canvas is best done by adding task cards, linking dependencies via edges, and grouping items into colored zones to create a structured visual knowledge map.

Can I batch import AI-generated images into Obsidian Canvas?

You can batch import AI-generated images into Obsidian Canvas by running provided scripts that import recent Banana-generated images, validate canvas integrity, and handle automatic sizing and spacing.

Does Obsidian Canvas automation support adding PDFs and Mermaid diagrams?

Obsidian Canvas automation supports adding PDFs and Mermaid diagrams, alongside images, text cards, web links, SVGs, and GIFs, by handling file formats and writing them as structured nodes into the canvas JSON.

How do I connect nodes with edges and ensure proper spacing in Obsidian Canvas?

Connecting nodes with edges and ensuring proper spacing in Obsidian Canvas is handled by automation scripts that perform auto-positioning, spacing validation, and edge creation while writing the updated JSON canvas file.

Why does manually organizing zones and edges in Obsidian Canvas fail?

Manually organizing zones and edges in Obsidian Canvas is error-prone and time-consuming, lacking the automated spacing validation, aspect-ratio detection, and auto-positioning required for complex layouts.