Read canvas state and create, update, move, resize, or delete shapes.
npx skills add https://github.com/ItsJupiter000/hot-outreach --skill canvas-itsjupiter000
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/ItsJupiter000/hot-outreach/tree/main/.local/skills/canvas Command: npx skills add https://github.com/ItsJupiter000/hot-outreach --skill canvas-itsjupiter000
The Canvas Skill enables teams to visually design and prototype layouts by creating, reading, and manipulating shapes on an infinite workspace, improving communication and iteration speed.
Place a few shapes on the canvas to illustrate your layout.
High-intent search queries and answers about installing and using this skill.
To create and manage canvas elements, use apply_canvas_actions to create, update, move, resize, or delete shapes. This supports visual layout prototyping on an infinite workspace for collaborative design and iteration.
When prototyping layouts on an infinite canvas, you can use geo, text, note, iframe, image, and video shapes. These elements support rich visual compositions and embedded content for collaborative design.
To inspect the current positions and properties of shapes on your workspace canvas, use the get_canvas_state function. This reads the board state to retrieve existing shape details, allowing you to review your visual layout.
Yes, you can embed external video and image content using iframe shapes in your canvas prototype. Iframes require https URLs with proper domain resolution, and any custom assets must be hosted in the .canvas/assets directory.
The best way to align and distribute multiple shapes during visual planning is using the apply_canvas_actions function. This tool directly modifies the board to organize your layout, speeding up communication and iteration.
Yes, iframe constraints require https URLs, proper domain resolution, and asset hosting in the .canvas/assets directory. You must ensure your embedded content meets these requirements to display correctly on the canvas.
zmreDraw shapes, images, and styled text on HTML Canvas.
YossTechLLCGenerate a visual design philosophy and canvas output as PDF or PNG.
Pranil9699Inspect and modify canvas shapes using get_canvas_state and apply_canvas_actions.
vibe-motionConvert static SVG graphics into animated visuals with customizable parameters.
