Create and update canvas shapes with precise coordinates and sizing.
npx skills add https://github.com/KhaledMKhaled/FodaStore --skill canvas-khaledmkhaled
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/KhaledMKhaled/FodaStore/tree/main/.local/skills/canvas Command: npx skills add https://github.com/KhaledMKhaled/FodaStore --skill canvas-khaledmkhaled
This Skill helps you quickly create, reposition, and edit visual elements on a shared workspace canvas without manually tracking coordinates or layout details.
Use the canvas skill to read the current board, then place your shapes and present the resulting canvas.
High-intent search queries and answers about installing and using this skill.
To create and arrange visual shapes for wireframing, use the canvas skill to add geo, text, or note placeholders, then apply canvas actions to move, resize, and align components precisely. You can retrieve the current layout state to safely plan updates before applying changes.
Yes, you can embed live iframe previews into a workspace layout. The canvas skill supports placing iframes for live previews alongside images and videos, allowing you to replace wireframe placeholders with real iframe URLs and present the updated artifact.
The best way to align and distribute components in a product mockup is to use canvas actions that support Z-index reordering, alignment, and distribution. Retrieve the existing layout state first, then apply the necessary manipulations to compose the mockup accurately.
Yes, the canvas skill supports retrieving existing layout state using get_canvas_state. This allows you to retrieve shapes with focus-based detail, enabling safe planning of updates in large boards before applying edits through apply_canvas_actions.
To apply edits after manipulating canvas shapes, use apply_canvas_actions to update the workspace, followed by a mandatory presentArtifact call for any created or modified shape IDs. This ensures your layout changes are accurately rendered on the board.
rezosndRead and modify canvas shapes via get_canvas_state and apply_canvas_actions.
kvm9-devRead canvas state and apply batched shape layout updates.
Buntyarora97Create and modify shapes and embed live web content via iframes on a workspace canvas.
soq123Create, read, and manipulate shapes on a workspace canvas for UI mockups.
