Create, read, update, and delete shapes on a canvas.
npx skills add https://github.com/Devvraj10/Niv --skill canvas-devvraj10
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/Devvraj10/Niv/tree/main/.local/skills/canvas Command: npx skills add https://github.com/Devvraj10/Niv --skill canvas-devvraj10
This Skill streamlines the creation, manipulation, and preview of visual elements on a canvas, simplifying UI design and development processes.
Create a rectangle shape on the canvas at position (50, 50) with a width of 100 and a height of 100.
High-intent search queries and answers about installing and using this skill.
Canvas manipulation involves creating, reading, updating, and deleting static shapes like rectangles, ellipses, text, and images. This streamlines UI layout visualization and development processes directly.
Yes, you can embed iframes within the canvas to integrate live web content or components. This allows you to preview dynamic web elements alongside static UI shapes directly.
Canvas operations support static shapes including rectangles, ellipses, text, notes, images, and videos. These elements form the building blocks for visualizing app interfaces and layouts.
Yes, executing canvas-specific actions includes focusing on specific shapes. This allows you to target individual elements within a static or dynamic layout for updates or manipulation.
The best way to visualize a UI layout is by creating static shapes for buttons and text boxes on the canvas, then embedding an iframe to render a live preview of the integrated web components.
ckrono-progCreate, manipulate, and embed shapes and iframes on a canvas interface.
bcwgamesManage shapes and iframe previews on an infinite workspace canvas.
koya-altRender live web UI components in iframes via an isolated Vite dev server.
adamhjkCreate vector shapes, paths, and gradients in PixiJS v8.
