canvas
CommunityDesign and manipulate your workspace canvas.
AuthorAmarbharati-07
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill allows for the creation, manipulation, and retrieval of visual elements on an infinite digital canvas, streamlining the design and layout process.
Core Features & Use Cases
- Shape Management: Create, move, resize, reorder, align, and distribute various shapes including geometric figures, text, notes, images, videos, and iframes.
- Canvas State Reading: Get a detailed overview of the current canvas state, including focused and distant shapes, and a summary description.
- Use Case: Quickly arrange multiple UI components on a design canvas, align them for a clean look, and then embed live previews of those components using iframes.
Quick Start
Create a blue rectangle with the text "Hello" at position 100, 100 with a width of 200 and height of 150.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canvas Download link: https://github.com/Amarbharati-07/cms1/archive/main.zip#canvas Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.