Create, read, and manipulate shapes on a workspace canvas for UI mockups.
npx skills add https://github.com/soq123/SE3354-Calo-fit --skill canvas-soq123
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/soq123/SE3354-Calo-fit/tree/main/.local/skills/canvas Command: npx skills add https://github.com/soq123/SE3354-Calo-fit --skill canvas-soq123
Read and manipulate shapes on a shared workspace canvas to compose UI previews, mockups, and live iframe-based layouts.
Place building placeholders on the canvas first, then update shapes to live URLs once the components are ready.
High-intent search queries and answers about installing and using this skill.
You can create UI mockups and prototype layouts by placing and positioning shapes like geo, text, note, iframe, image, and video on an infinite canvas workspace. This composes static layouts and UI designs for immediate visual feedback.
Yes, you can embed live iframe previews in UI design mockups. You manage an iframe lifecycle by placing building placeholders first, then updating those shapes to live HTTPS URLs once your components become ready.
The best way to iterate on dashboard layouts and component exploration is to read the current board state to adapt designs and focus specific canvas regions. You manipulate workspace shapes to get immediate visual feedback during layout experiments.
Yes, the canvas prototype tool requires HTTPS URLs for embedded content. It uses callbacks like getCanvasState, applyCanvasActions, and focusCanvasShapes to read and manipulate shapes during live iframe previews.
Your iframe preview shows a building placeholder because the canvas enforces an iframe lifecycle. You must place building placeholders first to establish the layout, then switch to live HTTPS URLs when the components are fully ready.
ItsJupiter000Read canvas state and create, update, move, resize, or delete shapes.
binan-makerCreate, read, and manipulate shapes on a canvas workspace with iframes.
zmreDraw shapes, images, and styled text on HTML Canvas.
Mo7amed-MahmoudCoordinate shapes and iframe previews on a programmable canvas.
