Canvas Template
- 14 installs
- 246 repo stars
- Updated April 10, 2026
- agricidaniel/claude-canvas
canvas-template is a Claude Code skill that browses and instantiates 12 Obsidian Canvas template archetypes.
About
canvas-template browses and instantiates 12 Obsidian Canvas template archetypes, including presentation, flowchart, mind-map, gallery, dashboard, kanban, and project-brief. Each template produces a ready-to-use canvas with proper layout, zones, and placeholder content, then runs a content quality gate. A developer uses it to scaffold a specific board type with correct structure.
- Browses and instantiates 12 canvas template archetypes
- Each template generates proper layout, zones, and placeholders
- Enforces a content quality gate before reporting
Canvas Template by the numbers
- 14 all-time installs (skills.sh)
- Ranked #1,409 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
canvas-template capabilities & compatibility
- Capabilities
- canvas template · template scaffold · kanban board · dashboard layout
- Works with
- obsidian
- Use cases
- documentation · ui design · presentations
- Pricing
- Free
What canvas-template says it does
Browse and instantiate 12 canvas template archetypes
Each template generates a ready-to-use canvas with proper layout, zones, and placeholder content.
npx skills add https://github.com/agricidaniel/claude-canvas --skill canvas-templateAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 14 |
|---|---|
| repo stars | ★ 246 |
| Last updated | April 10, 2026 |
| Repository | agricidaniel/claude-canvas ↗ |
What it does
Browse and instantiate one of 12 Obsidian Canvas template archetypes with correct layout and zones.
Who is it for?
Scaffolding a specific canvas board type from a template archetype.
When should I use this skill?
You say canvas template, browse templates, canvas from template, or use template.
What you get
A ready-to-use canvas is instantiated from the chosen archetype with correct layout and zones.
- An instantiated canvas from a chosen archetype
By the numbers
- 12 template archetypes
Files
canvas-template: Template Browser & Instantiation
---
Operations
List Templates (/canvas template list)
Run the template script to list available archetypes:
python3 scripts/canvas_template.py --listPresent 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.pyand 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 bananafor hero images." - gallery/mood-board: "Replace placeholder slots with
/canvas add imageor/canvas add banana." - flowchart: "Edit step text. Run
/canvas layout dagreto re-flow after changes." - mind-map: "Edit branches. Run
/canvas layout radialfor proper expansion." - knowledge-graph: "Add entities and edges. Run
/canvas layout forceto visualize relationships." - kanban: "Add task cards with
/canvas add text. Move between columns manually in Obsidian."
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.716k165k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.498k29.6k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst389k16k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k476
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.301k69.4k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.290k112kFAQ
How many archetypes are available?
Twelve: presentation, flowchart, mind-map, gallery, dashboard, storyboard, knowledge-graph, mood-board, timeline, comparison, kanban, and project-brief.
Can I override template parameters?
Yes. Each template has defaults like slide_count or step_count that you can override, plus color scheme parameters.