canvas

Create, read, and update shapes on a workspace canvas.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/iljazimakovs/alonso-portfolio --skill canvas-iljazimakovs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/iljazimakovs/alonso-portfolio/tree/main/.local/skills/canvas
Command: npx skills add https://github.com/iljazimakovs/alonso-portfolio --skill canvas-iljazimakovs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Canvas Skill provides a cohesive interface to create, read, and manipulate shapes on an infinite workspace canvas, enabling rapid visualization and layout design.

Core Features & Use Cases

  • Create, read, update, move, resize, or delete shapes such as geo, text, notes, iframe, image, and video on the canvas.
  • Read the current board state with get_canvas_state to understand shapes, positions, and properties, and apply changes with apply_canvas_actions to reflect layout decisions.
  • Use cases include prototyping UI layouts, embedding dynamic content with iframes, and organizing visual assets on a shared canvas for collaboration.

Quick Start

Create a geo shape at coordinates (100, 100) and then run get_canvas_state to verify its placement.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I create and manage shapes on a workspace canvas?

To create and manage shapes on a workspace canvas, use apply_canvas_actions to add, move, resize, or delete elements like geo, text, notes, images, and videos, coordinating visual layout updates dynamically.

Can I embed external content using iframes on the canvas?

Yes, you can embed external content using iframes on the canvas by applying iframe shape actions, provided the URLs strictly use the https protocol to ensure safe content embedding within your layout.

What is the best way to read current shape positions on an infinite canvas?

The best way to read current shape positions on an infinite canvas is by executing get_canvas_state, which retrieves the complete board state including all shapes, properties, and their exact coordinates.

Does the canvas layout tool support visual collaboration for UI prototyping?

Yes, the canvas layout tool supports visual collaboration for UI prototyping by allowing users to arrange shapes, embed dynamic content, and organize visual assets on a shared workspace canvas.

Why are my iframe shapes not rendering on the shared canvas?

Your iframe shapes are likely not rendering on the shared canvas because the canvas enforces https iframe URLs and actively guards against unsafe operations, blocking non-secure http links.

Are there limitations when manipulating visual assets on the workspace canvas?

Limitations when manipulating visual assets on the workspace canvas include strict enforcement of https for iframe URLs and built-in guards against unsafe operations, restricting potentially malicious layout modifications.