Create, read, and manipulate shapes on an infinite workspace canvas.
npx skills add https://github.com/KartikSharma4448/MyPortfolio --skill canvas-kartiksharma4448
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/KartikSharma4448/MyPortfolio/tree/main/.local/skills/canvas Command: npx skills add https://github.com/KartikSharma4448/MyPortfolio --skill canvas-kartiksharma4448
The canvas skill enables users to create, read, and manipulate shapes on a workspace canvas to design and prototype layouts.
Read the current board with get_canvas_state, then create a geo shape at x=100, y=100, w=200, h=150, color blue, fill solid, and text 'Frontend'.
High-intent search queries and answers about installing and using this skill.
To create and manipulate shapes on a workspace canvas, read the current state with get_canvas_state, then use apply_canvas_actions to create, move, resize, or delete geometric shapes for UI prototyping.
Yes, you can embed external media into dashboard mockups by creating image, video, and iframe shapes on the infinite canvas, allowing you to build rich, interactive prototypes with live URLs.
The best way to align and distribute layout elements on an infinite canvas is using the apply_canvas_actions command, which supports deterministic operations for aligning, distributing, and reordering shapes.
Canvas skills handle iframe URL safety rules through deterministic operations defined in apply_canvas_actions, ensuring secure embedding of external content when building interactive prototypes.
Yes, workspace canvas prototyping supports text and note shapes alongside geometric, image, video, and iframe shapes, enabling comprehensive layout planning and rapid dashboard mockups.
mecolejrManage shapes on an infinite canvas with get_canvas_state and apply_canvas_actions.
zeenie-aiDesign OpenCompany-branded interfaces, mockups, and UI assets with consistent visual fidelity.
aleph23Provision a shadcn/ui and Tailwind design system for React applications.
githubRender breadboard circuit mockups with HTML5 Canvas and grid-based component placement.
