Coordinate shapes and iframe previews on a programmable canvas.
npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill canvas-mo7amed-mahmoud
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro/tree/main/.local/skills/canvas Command: npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill canvas-mo7amed-mahmoud
The canvas skill provides a programmable workspace to create, read, and manage UI previews by coordinating shape layouts and iframe lifecycles on a shared canvas. It enables embedding live previews via iframes, while keeping static shapes, images, and notes organized for design exploration.
Place building iframes on the canvas to preview upcoming UI components, then switch them to live once URLs are available.
High-intent search queries and answers about installing and using this skill.
You can create live UI mockups by placing building iframes on an infinite canvas, then switching them to live states once HTTPS URLs are available to render components and dashboards directly.
A programmable canvas coordinates shape layouts and iframe lifecycles, enabling quick UI sketching, dashboard design, and live component previews while keeping static shapes and notes organized.
No, the canvas skill expects HTTPS iframe URLs when switching previews to a live state to ensure secure component embedding and dashboard rendering.
You manage shape layouts and iframe states by using getCanvasState and applyCanvasActions, coordinating static shapes alongside iframe building, modifying, and live states on the canvas.
Yes, you can organize reference scripts and assets by coordinating with optional asset folders within the canvas workspace to support design exploration and iframe lifecycle management.
The best way to sketch UI layouts before live components are ready is placing building iframes on the infinite canvas, then switching them to live once the HTTPS URLs are available.
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.
shahmirerrorLaunch a Vite-based mockup sandbox to prototype UI components on a canvas.
naopensedoit2-designRender live web UI component previews in canvas iframes via Vite.
