Create, read, and manipulate shapes on a canvas workspace with iframes.
npx skills add https://github.com/binan-maker/QRS --skill canvas-binan-maker
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/binan-maker/QRS/tree/main/.local/skills/canvas Command: npx skills add https://github.com/binan-maker/QRS --skill canvas-binan-maker
This canvas skill provides a unified approach to create, read, and manipulate visual shapes on a workspace board, enabling quick previews using iframes and a variety of shapes, texts, notes, images, and videos.
Place building placeholders on the canvas before wiring up servers or components.
High-intent search queries and answers about installing and using this skill.
To prototype UI layouts with live iframe previews, place building placeholders on a canvas workspace to render static content and iframes. This approach lets you visualize designs and manage mockup-sandbox components before backend integration.
A canvas workspace for UI prototyping is an environment to create, read, and manipulate visual shapes like texts, notes, images, and videos. It coordinates canvas state management and iframe lifecycles to maintain a responsive design workflow.
Yes, you can embed external URLs in your mockup sandbox using iframes. The canvas workspace supports safe embedding with https URLs, ensuring secure live previews and static content integration within your UI prototypes.
Yes, the canvas skill supports action batching for manipulating multiple shapes. This functionality enables efficient updates to the canvas state, allowing you to coordinate bulk shape modifications and iframe lifecycle events simultaneously.
A limitation of using iframes for live UI previews is that safe embedding requires https URLs. Additionally, managing iframe lifecycles requires canvas state coordination to ensure the mockup sandbox remains responsive during rapid UI prototyping.
soq123Create, read, and manipulate shapes on a workspace canvas for UI mockups.
zmreDraw shapes, images, and styled text on HTML Canvas.
marcusgollEnforce theme.yaml CSS variables and ban hardcoded values in prototype mockups.
bcwgamesManage shapes and iframe previews on an infinite workspace canvas.
