Create and update canvas shapes and iframe elements for live UI previews.
npx skills add https://github.com/Darsh20009/genmz-shop --skill canvas-darsh20009
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/Darsh20009/genmz-shop/tree/main/.local/skills/canvas Command: npx skills add https://github.com/Darsh20009/genmz-shop --skill canvas-darsh20009
Canvas-based workflows for visualizing UI by placing and manipulating shapes and iframes on an infinite board, enabling designers and developers to prototype live without code changes.
Place building placeholders on the canvas before launching any mockups or content.
High-intent search queries and answers about installing and using this skill.
To create UI mockups with live iframe previews, use a visual canvas to place building placeholders before launching content, then manipulate shapes and iframe elements across an infinite workspace to compose layouts iteratively.
The best way to prototype UI layouts without code changes is using a visual canvas workspace that coordinates shapes and iframe elements, enabling designers and developers to compose and evolve UI layouts through live previews directly on an infinite board.
Yes, you can embed iframe elements with https URLs in your design workflow. The canvas-based UI preview system enforces https URLs for iframes and supports lifecycle management across read and write canvas operations during building, modifying, and live states.
To keep live previews in sync when evolving mockup layouts, the visual canvas reads the current board state, applies canvas actions to update shapes and iframe elements, and maintains synchronization with an underlying mockup sandbox throughout building, modifying, and live lifecycle states.
Yes, the canvas preview system enforces the availability of core callbacks including getCanvasState, applyCanvasActions, and focusCanvasShapes to manage shapes and iframe elements, while also addressing optional resources in scripts, references, and assets during read and write operations.
binan-makerCreate, read, and manipulate shapes on a canvas workspace with iframes.
El3tar-cmdModify and arrange visual shapes on a shared workspace canvas.
Mo7amed-MahmoudCoordinate shapes and iframe previews on a programmable canvas.
Kirankumar2604Manage iframe-based UI previews and align shapes on an infinite canvas.
