skills/canvas-template/SKILL.md
Browse and instantiate 12 canvas template archetypes: presentation, flowchart, mind-map, gallery, dashboard, storyboard, knowledge-graph, mood-board, timeline, comparison, kanban, project-brief. Each template generates a ready-to-use canvas with proper layout, zones, and placeholder content. Triggers on: canvas template, canvas template list, browse templates, canvas from template, use template, show archetypes.
npx skillsauth add AgriciDaniel/claude-canvas canvas-templateInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
/canvas template list)Run the template script to list available archetypes:
python3 scripts/canvas_template.py --list
Present the results as a formatted table:
| Archetype | Layout | Description | |-----------|--------|-------------| | presentation | linear-vertical | Slide deck for Advanced Canvas (1200x675 slides) | | flowchart | linear-vertical → auto dagre | Process flow with connected step nodes | | mind-map | grid → auto radial | Radial expansion from central topic | | gallery | grid | Image placeholder grid with title zone | | dashboard | grid | Metric cards + status zones | | storyboard | linear-horizontal | Scene cards for video planning | | knowledge-graph | grid → auto force | Entity nodes for relationship mapping | | mood-board | grid | Asymmetric image grid for creative direction | | timeline | linear-horizontal | Horizontal event sequence | | comparison | grid | Side-by-side columns for option analysis | | kanban | grid | Todo/Doing/Done column board | | project-brief | linear-vertical | Stacked zones for project kickoff |
/canvas template use [name])python3 scripts/canvas_template.py [template] [output_path] --param title="[title]" --param [key]=[value]
python3 scripts/canvas_validate.py [output_path]
python3 scripts/canvas_validate.py and confirm 0 errors, 0 overlap warningspost_layout (mind-map→radial, knowledge-graph→force, flowchart→dagre), confirm the layout was appliedEach template has defaults that can be overridden:
| Template | Key Parameters | Defaults | |----------|---------------|----------| | presentation | slide_count | 6 | | flowchart | step_count | 5 | | mind-map | branch_count | 5 | | gallery | image_count, columns | 9, 3 | | dashboard | metric_count | 4 | | storyboard | scene_count | 6 | | knowledge-graph | entity_count | 8 | | mood-board | image_count | 8 | | timeline | event_count | 6 | | comparison | criteria_count | 4 | | kanban | cards_per_column | 3 | | project-brief | objective_count | 3 |
All templates accept color_title, color_body, color_accent to override the color scheme (values: "1"-"6").
After creating a template canvas, suggest next steps based on the archetype:
/canvas add banana for hero images."/canvas add image or /canvas add banana."/canvas layout dagre to re-flow after changes."/canvas layout radial for proper expansion."/canvas layout force to visualize relationships."/canvas add text. Move between columns manually in Obsidian."development
AI-orchestrated visual production for Obsidian Canvas. Create presentations, flowcharts, mood boards, knowledge graphs, galleries, storyboards, timelines, dashboards, and more with intelligent layout and AI-generated content. Claude acts as Creative Director — dispatching sub-agents for image generation, SVG diagrams, GIF creation, and spatial layout. Supports 12 template archetypes, 6 layout algorithms, and Advanced Canvas presentation mode. Triggers on: /canvas, create canvas, build canvas, make a presentation, visual board, mood board, flowchart canvas, storyboard, canvas from template, lay out canvas, export canvas, canvas layout, canvas generate, add to canvas, put this on the canvas, open canvas, canvas present, canvas template.
tools
Build presentation-mode canvases for the Advanced Canvas plugin. Creates slide-deck canvases with 1200x675 group nodes connected by edges for arrow-key navigation. Supports title slides, content slides with images, full-text slides, and optional script annotation columns for video planning. Triggers on: canvas present, create presentation, build slide deck, canvas slides, make a presentation, presentation canvas, present from notes, slide deck canvas, canvas presentation.
development
Add content to existing Obsidian Canvas files. Supports all node types: images (with auto aspect ratio detection), text cards, PDFs, wiki notes, web links, Mermaid diagrams, SVGs, GIFs, AI-generated images via banana. Also adds zones (groups), edges between nodes, and imports recent banana images. Triggers on: canvas add, add to canvas, put on canvas, canvas zone, canvas connect, canvas from banana, add image to canvas, add text to canvas.
development
Re-layout existing Obsidian Canvas nodes using 6 spatial algorithms: grid (galleries, mood boards), dagre (flowcharts, org charts), radial (mind maps), force-directed (knowledge graphs), linear (timelines), and auto-detect. Preserves group membership, snaps to 20px grid, refits zones around content. Triggers on: canvas layout, re-layout canvas, arrange canvas, auto-layout, organize canvas, fix canvas layout, canvas grid, canvas dagre.