/canvas-template
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
$ npx -y skills add AgriciDaniel/claude-canvas --skill canvas-template --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/canvas-template
Context preview
The summary Claude sees to decide when to auto-load this skill.
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
SKILL.md
canvas-template.SKILL.mdname: canvas-template
description: >
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.
user-invocable: false
canvas-template: Template Browser & Instantiation
---
Operations
List Templates (`/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 |
Instantiate Template (`/canvas template use [name]`)
1. Validate the template name against the 12 archetypes. 2. Ask for required parameters:
- **title** (all templates): What's the canvas title?
- Template-specific params (slide_count, step_count, image_count, etc.)
3. Determine output path (canvas directory detection from orchestrator). 4. Run instantiation:
python3 scripts/canvas_template.py [template] [output_path] --param title="[title]" --param [key]=[value]
5. Validate the output:
python3 scripts/canvas_validate.py [output_path]
6. **MANDATORY: Content Quality Gate** — Read the orchestrator's Quality Standards section. Before reporting:
- Replace ALL placeholder text in every node with real content relevant to the title
- Verify no "Describe this", "YYYY-MM-DD", "Value: 0", or "Content goes here" strings remain
- Run `python3 scripts/canvas_validate.py` and confirm 0 errors, 0 overlap warnings
- If the template has `post_layout` (mind-map→radial, knowledge-graph→force, flowchart→dagre), confirm the layout was applied
7. Report: "Created [name] canvas at [path] with [N] nodes, [E] edges, [G] groups."
---
Template Parameters
Each 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"`).
---
Post-Instantiation
After creating a template canvas, suggest next steps based on the archetype:
- **presentation**: "Add content to each slide. Use `/canvas add banana` for hero images."
- **gallery/mood-board**: "Replace placeholder slots with `/canvas add image` or `/canvas add banana`."
- **flowchart**: "Edit step text. Run `/canvas layout dagre` to re-flow after changes."
- **mind-map**: "Edit branches. Run `/canvas layout radial` for proper expansion."
- **knowledge-graph**: "Add entities and edges. Run `/canvas layout force` to visualize relationships."
- **kanban**: "Add task cards with `/canvas add text`. Move between columns manually in Obsidian."
Read more
name: canvas-template description: > 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. user-invocable: false
canvas-template: Template Browser & Instantiation
---
Operations
List Templates (`/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 |
Instantiate Template (`/canvas template use [name]`)
1. Validate the template name against the 12 archetypes. 2. Ask for required parameters:
- **title** (all templates): What's the canvas title?
- Template-specific params (slide_count, step_count, image_count, etc.)
3. Determine output path (canvas directory detection from orchestrator). 4. Run instantiation:
python3 scripts/canvas_template.py [template] [output_path] --param title="[title]" --param [key]=[value]
5. Validate the output:
python3 scripts/canvas_validate.py [output_path]
6. **MANDATORY: Content Quality Gate** — Read the orchestrator's Quality Standards section. Before reporting:
- Replace ALL placeholder text in every node with real content relevant to the title
- Verify no "Describe this", "YYYY-MM-DD", "Value: 0", or "Content goes here" strings remain
- Run `python3 scripts/canvas_validate.py` and confirm 0 errors, 0 overlap warnings
- If the template has `post_layout` (mind-map→radial, knowledge-graph→force, flowchart→dagre), confirm the layout was applied
7. Report: "Created [name] canvas at [path] with [N] nodes, [E] edges, [G] groups."
---
Template Parameters
Each 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"`).
---
Post-Instantiation
After creating a template canvas, suggest next steps based on the archetype:
- **presentation**: "Add content to each slide. Use `/canvas add banana` for hero images."
- **gallery/mood-board**: "Replace placeholder slots with `/canvas add image` or `/canvas add banana`."
- **flowchart**: "Edit step text. Run `/canvas layout dagre` to re-flow after changes."
- **mind-map**: "Edit branches. Run `/canvas layout radial` for proper expansion."
- **knowledge-graph**: "Add entities and edges. Run `/canvas layout force` to visualize relationships."
- **kanban**: "Add task cards with `/canvas add text`. Move between columns manually in Obsidian."
AI-orchestrated visual production for Obsidian Canvas. Create presentations, flowcharts, mood boards, knowledge graphs, and galleries with intelligent layout and AI-generated content.
Other skills on claude-canvas.
- /canvas-create
Create new Obsidian Canvas files — blank with a starter structure, or from one of 12 template archetypes (presentation, flowchart, mind-map, gallery, dashboard, storyboard, knowledge-graph, mood-board, timeline, comparison, kanban, project-brief). Handles directory creation,
Open skill - /canvas-export
Export Obsidian Canvas files to PNG, SVG, or PDF formats. Uses the Advanced Canvas plugin's built-in export when Obsidian is running, or falls back to Playwright browser-based screenshot capture. Supports single canvas export, presentation slide-per-page PDF export, and batch
Open skill - /canvas-generate
AI-orchestrated full canvas generation. Given a description, detects the best archetype, generates content and visuals, instantiates a template, applies layout, and produces a complete canvas. The flagship command. Dispatches canvas-media and canvas-composer agents for parallel
Open skill - /canvas-layout
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
Open skill - /canvas-populate
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
Open skill - /canvas-present
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
Open skill

