Create and modify shapes and embed live web content via iframes on a workspace canvas.
npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill canvas-buntyarora97
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/Buntyarora97/bcshdbchjdb/tree/main/.local/skills/canvas Command: npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill canvas-buntyarora97
This Skill simplifies the process of creating, manipulating, and managing UI previews and live content on an infinite canvas, enabling designers and developers to efficiently layout and interact with UI components.
Create a new rectangle shape on the canvas and set its properties.
High-intent search queries and answers about installing and using this skill.
To create UI previews on an infinite canvas, you can place geometric shapes, text, notes, images, and videos, then embed live web content via iframes to interact with UI components.
Yes, you can embed live web content using iframes for UI mockups. The canvas supports iframe lifecycle management, allowing you to build, modify, and preview live URLs directly on the workspace.
For UI design on the canvas, you can manipulate various shapes including rectangles, ellipses, text, notes, images, and videos to efficiently layout and manage UI components.
Yes, you need mockup-sandbox to embed iframe content on the canvas. The iframe management for state management and live previews requires coordination with the mockup-sandbox component.
To read board state and manage shapes during canvas operations, the skill provides canvas manipulation features that allow you to read the current state, place new shapes, and manage the lifecycle of embedded iframes.
When modifying iframe state for live website previews, operations are constrained to the workspace canvas environment and depend on coordination with mockup-sandbox to successfully build and modify embedded live content.
binan-makerCreate, read, and manipulate shapes on a canvas workspace with iframes.
Exocore-OrganizationCoordinate and preview UI layouts using iframe-backed shapes on a canvas.
kvm9-devRender web UI mockups live via Vite-powered iframe preview routes.
naopensedoit2-designRender live web UI component previews in canvas iframes via Vite.
