Create, manipulate, and retrieve visual elements on an infinite workspace canvas.
npx skills add https://github.com/aryankumarrai/VarAI --skill canvas-aryankumarrai
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/aryankumarrai/VarAI/tree/main/.local/skills/canvas Command: npx skills add https://github.com/aryankumarrai/VarAI --skill canvas-aryankumarrai
This Skill allows for the creation, manipulation, and retrieval of visual elements on an infinite workspace canvas, streamlining the design and organization of digital content.
Use the canvas skill to create a blue rectangle at position 100, 100 with a width of 200 and a height of 150.
High-intent search queries and answers about installing and using this skill.
To manage visual workspace elements, you can create, update, delete, move, and resize geometric shapes, text, notes, iframes, images, and videos. This allows you to dynamically design and organize digital content on an infinite canvas.
Yes, you can embed external media like iframes, images, and videos into your workspace layout. The canvas supports manipulating these visual elements with precise positioning and sizing to facilitate dynamic interface design.
Canvas state retrieval works by providing detailed information for shapes near the viewport and summarized information for distant elements. This optimizes reading the workspace state when managing numerous visual elements across an infinite area.
The best way to design a user interface mockup is by placing text labels, image placeholders, and embedded component previews onto the canvas. You can then retrieve the layout to share or iterate on the UI design.
When managing an infinite workspace with numerous shapes, the system provides summarized information for distant elements to optimize state retrieval. This ensures performance is maintained when the canvas is densely populated with visual elements.
Buntyarora97Create and modify shapes and embed live web content via iframes on a workspace canvas.
ARAVINDAN20Control Excalidraw diagrams on a live canvas via MCP and REST APIs.
leonardodalinkyGenerate missing manuscript sections and integrate figures, tables, and citations into LaTeX.
mikeyfennelly1Implement advanced React Flow patterns for nested nodes, custom edges, and undo/redo.
