Canvas — Design skill for Claude Code
Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to Obsidian canvas files.
How to install Canvas
Installs to ~/.claude/skills/agricidaniel-claude-obsidian-canvas/SKILL.md
mkdir -p ~/.claude/skills/agricidaniel-claude-obsidian-canvas && curl -fsSL https://raw.githubusercontent.com/AgriciDaniel/claude-obsidian/HEAD/commands/canvas.md -o ~/.claude/skills/agricidaniel-claude-obsidian-canvas/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Canvas does
description: Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to Obsidian canvas files.
Read the `canvas` skill. Then run the operation matching the user's command.
| Command | What it does |
|---|---|
/canvas |
Status check — report node counts, list zones, open instructions |
/canvas new [name] |
Create a new named canvas in wiki/canvases/ |
/canvas add image [path] |
Add image to canvas (download if |
Alternatives in Design
- Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
- Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
- NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Analyze Visual
Analyze images, PDFs, screenshots, or diagrams using vision-capable models
Nano Banana
Google Gemini image generation plugin. Text-to-image, text-guided image editing, style transfer, 4K output, se
Stark Assets
Plan UI assets for a Stark design before implementation, including references, icons, typography, generated pr
Scroll World
Claude Code skill/plugin: immersive scroll-scrubbed 'fly through the world' landing pages generated with Higgs
Imagen
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual as
Design Craft
Building or reshaping a UI - a page, landing page, dashboard, product site, interactive piece. Use when choosi
Related Agents
Image Craft Expert
Crafts optimized text-to-image prompts and generates images using Gemini (nano-banana) and/or ChatGPT (gpt-ima
Wiki Canvas
Use this agent when generating Obsidian Canvas visualizations during automated maintenance cycles. Typical tri
Multimodal Looker
Analyze media files (PDFs, images, diagrams) that require interpretation beyond raw text. Extracts specific in