Help us improve
Share bugs, ideas, or general feedback.
From claude-canvas
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 claudepluginhub agricidaniel/claude-canvasHow this skill is triggered — by the user, by Claude, or both
Slash command
/claude-canvas:canvas-templateThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
---
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 asset generation. Triggers on: canvas generate, generate canvas, create a visual board, build me a canvas, make a canvas about, canvas from description, auto-generate canvas, full canvas generation.
Create and edit .canvas JSON files for Obsidian, managing nodes, edges, groups, and connections. Ideal for mind maps, flowcharts, and visual diagrams with ID validation.
Manages Obsidian canvas JSON files: creates visual boards, adds images/text cards/PDFs/wiki pages with zone auto-positioning. Integrates /banana images. Use /canvas commands.
Share bugs, ideas, or general feedback.
/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."