canvas

Create custom Obsidian canvases with zones for notes and images.

Updated Apr 23, 2026
One-click install
npx skills add https://github.com/xiang2007/obsidian-vault --skill canvas-xiang2007
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/xiang2007/obsidian-vault/tree/main/skills/canvas
Command: npx skills add https://github.com/xiang2007/obsidian-vault --skill canvas-xiang2007

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation and management of visual references on Obsidian's canvas, transforming your notes into a coherent and accessible visual format.

Core Features & Use Cases

  • Visual Note Organization: Add images, text cards, PDFs, and wiki pages to Obsidian's canvas.
  • Automated Layout: Images and content are auto-positioned within defined zones.
  • Integration: Works seamlessly with other Obsidian plugins, including the banana-claude plugin for image capture.
  • Use Case: Imagine you're building a visual map of your project. Use the canvas skill to drag and drop images and notes, creating an organized, visually-driven representation.

Quick Start

Open your canvas with the command '/canvas' to start organizing your notes visually.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I visualize and organize notes on an Obsidian canvas?

To visualize notes on an Obsidian canvas, you use this Skill to create custom canvases with defined zones for placing images, text cards, PDFs, and wiki pages. It supports both manual and automated layout positioning.

Can I automatically position images and text cards in Obsidian visual note organization?

Yes, automated layout is supported for visual note organization in Obsidian. Images and content are auto-positioned within defined zones on your custom canvas, simplifying the creation of visual maps.

What do I need to create a custom canvas with the JSON Canvas standard?

You need the Obsidian rendering engine for canvas visualization and the JSON Canvas standard. This Skill leverages these dependencies to enable the placement of images and notes into defined visual zones.

Does this visual note organization tool work with other Obsidian plugins?

Yes, the canvas visualization tool works seamlessly with existing Obsidian plugins. It specifically integrates with the banana-claude plugin for image capture to enhance your visual note management.

What's the best way to build a visual map of a project using Obsidian?

The best way to build a visual project map is using the canvas command to open your canvas, then dragging and dropping images and notes into organized zones to create a coherent visual representation.