Create and manipulate shapes, iframes, images, and videos on an infinite canvas.
npx skills add https://github.com/alyamenfactory/new --skill canvas-alyamenfactory
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/alyamenfactory/new/tree/main/.local/skills/canvas Command: npx skills add https://github.com/alyamenfactory/new --skill canvas-alyamenfactory
This Skill streamlines the creation, manipulation, and presentation of visual elements on an infinite canvas, providing a powerful tool for UI design, mockups, and layout composition.
Use the canvas skill to create a rectangle at position (100, 100) with width 200 and height 150.
High-intent search queries and answers about installing and using this skill.
You can build UI mockups by creating and manipulating shapes, images, and videos on an infinite canvas. Specify positions and dimensions to arrange elements side by side for real-time layout composition.
Yes, you can embed live web content or individual React components into the canvas using iframes. This integrates external web pages directly alongside your visual elements for UI design workflows.
The best way to compose layout design is by manipulating visual elements within an infinite canvas environment. You can integrate shapes, iframes, images, and videos to build comprehensive mockups and layouts.
Yes, the canvas skill supports adding videos to UI design mockups. You can integrate video elements alongside shapes, images, and iframes on the infinite canvas for dynamic layout composition.
To position a rectangle on the canvas for a mockup, specify the coordinates and dimensions, such as creating a rectangle at position 100, 100 with a width of 200 and height of 150.
PixoraftCreate, modify, and query visual shapes on an infinite canvas.
bcwgamesManage shapes and iframe previews on an infinite workspace canvas.
barkleesandersGenerate and edit images using Google's Gemini 3 Pro model.
zmreDraw shapes, images, and styled text on HTML Canvas.
