canvas

Read canvas state and apply batch actions to create, update, delete, move, resize, reorder, or align shapes.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill canvas-catrabbit499
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/CatRabbit499/Digital_Portfolio/tree/main/templatemo_600_prism_flux/projects/CS-240/Lab-Portfolio/Lab-Portfolio-Dec_8_2025/.local/skills/canvas
Command: npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill canvas-catrabbit499

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating and managing shapes on the workspace canvas to enable rapid prototyping and layout automation.

Core Features & Use Cases

  • Read the current board state with get_canvas_state to understand shapes, positions, and properties.
  • Apply a batch of actions with apply_canvas_actions to create, update, delete, move, resize, reorder, or align shapes across geo, text, note, iframe, image, and video types.
  • Use cases include rapidly designing interfaces or dashboards by laying out shapes and content with consistent coordinates.

Quick Start

Position shapes on the canvas by reading the board state and applying a batch of create actions.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I automate batch layouts for canvas shapes at consistent coordinates?

Automate canvas shapes by reading the board state and applying batch actions to create, move, resize, or align geo, text, and iframe elements at consistent coordinates, enabling rapid prototyping and layout automation.

Can I use automation to update and reorder existing workspace canvas elements?

Yes, canvas automation supports reading the board state and performing batch actions to update, delete, move, resize, and reorder existing elements including geo, text, note, image, and video shapes across the workspace.

What types of shapes and elements can I manipulate on the workspace canvas?

You can manipulate geo, text, note, iframe, image, and video elements on the workspace canvas. Batch actions allow you to create, update, delete, move, resize, reorder, or align these varied shape types programmatically.

What is the process for rapidly designing interfaces or dashboards using a canvas?

Rapidly designing interfaces involves reading the current board state to understand existing positions, then applying a batch of create actions to lay out shapes and content with consistent coordinates across the canvas.

Do I need any specific dependencies or components to start automating canvas shapes?

No specific dependencies or components are required to start automating canvas shapes. The functionality requires a SKILL.md frontmatter with a name and description at the root, and may include optional scripts, references, and assets directories to extend functionality.

What are the limitations when applying batch actions to workspace canvas elements?

Batch actions are limited to manipulating supported element types including geo, text, note, iframe, image, and video shapes. Operations are confined to creating, updating, deleting, moving, resizing, reordering, or aligning elements based on the current board state.