skills.rest
shahmirerror
shahmirerrorCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

canvas

Create, read, and manipulate shapes on an infinite canvas.

Updated Mar 17, 2026
Search Tags:#layout#workspace#canvas#visual-design#embed#iframe#shape
One-click install
npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill canvas-shahmirerror
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/shahmirerror/gsdcp-mobile/tree/main/.local/skills/canvas
Command: npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill canvas-shahmirerror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Canvas Skill simplifies organizing and presenting visual content on a shared workspace by enabling structured creation, inspection, and manipulation of shapes on an infinite canvas.

Core Features & Use Cases

  • Read the board state with get_canvas_state to understand shapes, positions, types, and properties.
  • Modify the board with apply_canvas_actions to create, update, delete, move, resize, reorder, align, or distribute shapes.
  • Supports shape types geo, text, note, iframe, image, video with their required props.
  • Coordinate system: origin (0, 0) at the top-left; all measurements are in canvas units.
  • Use cases include planning layouts, annotating ideas, embedding live previews, and organizing visual content on a canvas for collaboration.

Quick Start

Create a shape on the canvas and then fetch the canvas state to confirm its existence.

Frequently Asked Questions about canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual layout creation on an infinite canvas?▼

Automate canvas layout by using apply_canvas_actions to create, move, resize, and align shapes. You can structure spatial arrangements on an infinite workspace by passing deterministic actions for shapes like geo, text, and images.

Can I embed live external previews on a workspace canvas?▼

You can embed live previews on the canvas by creating an iframe shape and providing a valid https URL. This allows you to integrate external content and interactive references directly into your visual workspace layout.

How do I check existing shape positions and properties on a canvas?▼

Check existing shape positions and properties by using get_canvas_state. This function reads the board state, returning shape types, coordinates, and attributes, with the coordinate origin at the top-left corner in canvas units.

What shape types are supported for workspace visual design?▼

Supported shape types for workspace visual design include geo, text, note, iframe, image, and video. Each shape type requires specific properties to be defined when applying actions to the canvas.

Does this canvas approach support aligning and distributing shapes consistently?▼

The canvas approach supports consistent alignment by applying actions to reorder, align, and distribute shapes. This ensures deterministic spatial arrangement and structured visual organization across the workspace board.

Related Skills

Explore More Design & Creative Skills→
ItsJupiter000ItsJupiter000

canvas

Read canvas state and create, update, move, resize, or delete shapes.

Community
Intermediate
rezosndrezosnd

canvas

Read and modify canvas shapes via get_canvas_state and apply_canvas_actions.

Community
Intermediate
TheTesseractAITheTesseractAI

canvas

Create, read, and edit shapes and embedded media on a dynamic canvas.

Community
Intermediate
koya-altkoya-alt

canvas

Create, update, and arrange visual shapes on an infinite canvas.

Community
Intermediate