agricidaniel/claude-canvas
8 skills107 installs2k starsGitHub
Install
npx skills add https://github.com/agricidaniel/claude-canvasSkills in this repo
1Canvascanvas generates fully laid-out Obsidian Canvas (.canvas) files from a description, including presentations, flowcharts, mood boards, knowledge graphs, storyboards, and timelines. Claude acts as a Creative Director, dispatching sub-agents for image generation, SVG diagrams, GIFs, and spatial layout, and supports 12 template archetypes and 6 layout algorithms. A developer or note-taker uses it to build visual boards inside Obsidian.14installs2Canvas Presentcanvas-present builds presentation-mode Obsidian Canvases for the Advanced Canvas plugin. It creates slide-deck canvases with 1200x675 group nodes connected by edges for arrow-key navigation, supporting title slides, content slides with images, and optional script-annotation columns for video planning. A developer uses it to turn a topic or existing notes into a navigable slide deck.14installs3Canvas Templatecanvas-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.14installs4Canvas Createcanvas-create makes new Obsidian Canvas files, either blank with a starter zone or from one of 12 template archetypes like presentation, flowchart, mind-map, and kanban. It slugifies the name, picks the canvas directory, and writes the .canvas JSON. A developer uses it to spin up a visual board before populating it with real content.13installs5Canvas Exportcanvas-export converts Obsidian Canvas files into PNG, SVG, or PDF. It prefers the Advanced Canvas plugin's built-in export when Obsidian is running and falls back to a Playwright browser screenshot otherwise. A developer uses it to turn a canvas board or slide deck into a shareable image or document.13installs6Canvas Generatecanvas-generate takes a plain-language description and produces a complete, populated Obsidian Canvas. It detects the best archetype, plans nodes and media, dispatches composer and media agents in parallel, instantiates a template, applies a layout algorithm, and runs a mandatory content-and-spacing quality gate. A developer uses it to go from an idea to a finished visual board in one command.13installs7Canvas Layoutcanvas-layout rearranges the nodes of an existing Obsidian Canvas using six spatial algorithms: grid, dagre, radial, force-directed, linear, and auto-detect. It preserves group membership, snaps nodes to a 20px grid, and refits zones around content. A developer uses it to clean up or reflow a messy canvas after editing.13installs8Canvas Populatecanvas-populate adds content to an existing Obsidian Canvas: images with aspect-ratio detection, text cards, PDFs, wiki notes, web links, Mermaid diagrams, SVGs, and GIFs. It also adds zones and edges, auto-positions nodes with spacing checks, and validates the result. A developer uses it to fill or extend a canvas board node by node.13installs