Read and manipulate shapes on a collaborative workspace canvas.
npx skills add https://github.com/ma-wais/Quality-Management-System --skill canvas-ma-wais
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/ma-wais/Quality-Management-System/tree/main/.local/skills/canvas Command: npx skills add https://github.com/ma-wais/Quality-Management-System --skill canvas-ma-wais
The Canvas Skill provides a simple, visual way to read and arrange shapes and embeds on an infinite workspace canvas, reducing the friction of manual layout tasks.
Place a geo shape at (100,100) with size 200x150, color blue, and label it "Frontend".
High-intent search queries and answers about installing and using this skill.
To create and arrange shapes on a collaborative workspace canvas, use apply_canvas_actions to batch create, update, move, resize, or reorder visual elements like geo, text, notes, and media.
Yes, you can embed external web pages and media into your canvas layout by creating iframe, image, and video shapes, provided that all iframe URLs strictly use the https protocol.
The best way to read the current board state before modifying visual elements is to use the get_canvas_state function, which informs your layout decisions before applying batchable actions.
You can draft UI layouts and annotate ideas by placing geo shapes with specific coordinates and sizes, adding text labels, and attaching notes to organize visual elements on the workspace.
No, managing canvas shapes requires no external dependencies or components, as the Skill operates independently to handle frontmatter-driven discovery and batchable layout actions.
You can manipulate geo, text, note, iframe, image, and video shapes when organizing visual elements, performing actions like aligning, distributing, reordering, and resizing across the workspace.
ItsJupiter000Read canvas state and create, update, move, resize, or delete shapes.
rezosndRead and modify canvas shapes via get_canvas_state and apply_canvas_actions.
githubRender breadboard circuit mockups with HTML5 Canvas and grid-based component placement.
giosullutroneCreate and manipulate UML diagram elements via a REST API.
