canvas

Manage shapes on an infinite canvas with get_canvas_state and apply_canvas_actions.

Updated Mar 19, 2026

Search Tags:#layout #image #interaction #canvas #iframe #shapes

Ready to run

npx skills add https://github.com/mecolejr/EVL-mOC5 --skill canvas-mecolejr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/mecolejr/EVL-mOC5/tree/main/.local/skills/canvas
Command: npx skills add https://github.com/mecolejr/EVL-mOC5 --skill canvas-mecolejr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The workspace canvas lets you create, read, and arrange a limitless visual playground, enabling precise placement and management of diverse content types without friction.

Core Features & Use Cases

Read the current canvas state with get_canvas_state to understand shapes, positions, and properties.
Modify the board with apply_canvas_actions to create, update, delete, move, resize, align, or distribute shapes across geo, text, note, iframe, image, and video types.
Use for UI layout planning, diagramming, and collaborative visual planning on an infinite workspace.

Quick Start

Create a blue geo shape at x=100, y=100 with w=200 and h=150 and label it 'Hello'.

Frequently Asked Questions about canvas

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

FAQPage Schema

How do I programmatically create and arrange shapes on an infinite canvas?▼

You can use apply_canvas_actions to create, move, resize, and align shapes on an infinite canvas. It supports geo, text, note, iframe, image, and video types, enforcing a coordinate system for precise visual layout planning.

What is the best way to read the current state of a visual workspace layout?▼

To read the current visual workspace layout, use get_canvas_state. This retrieves existing shapes, their positions, and properties, allowing you to understand the board before making updates or applying new layout actions.

Can I embed iframe and video elements when diagramming on a canvas?▼

Yes, you can embed iframe and video elements on the canvas. The system supports multiple shape types including iframes, but it requires proper asset handling and specifically enforces that iframe URLs must use the https protocol.

Does the canvas coordinate system support automatic alignment and distribution of shapes?▼

Yes, the canvas coordinate system supports automatic alignment and distribution of shapes. You can apply canvas actions to align and distribute geo, text, note, image, and video shapes accurately across the infinite workspace.

Why do my iframe shapes fail to render on the workspace canvas?▼

Iframe shapes fail to render if their URLs do not use the https protocol. The canvas requires https iframe URLs and proper asset handling to ensure elements display correctly within the programmable workspace layout.