canvas

Modify and arrange visual shapes on a shared workspace canvas.

18|4|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill canvas-el3tar-cmd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/El3tar-cmd/DevHive-Cli/tree/main/skills/canvas
Command: npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill canvas-el3tar-cmd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The workspace canvas provides a programmable surface to create, read, and rearrange visual elements, enabling teams to plan, prototype, and communicate layouts without switching context.

Core Features & Use Cases

  • Read canvas state with get_canvas_state to obtain shape details, positions, and properties.
  • Mutate layouts with apply_canvas_actions to create, update, delete, move, resize, reorder, align, or distribute shapes.
  • Use cases include building dashboards, design reviews, and live prototypes by composing geo shapes, text labels, notes, iframes, images, and videos.

Quick Start

Call get_canvas_state to inspect the board, then use apply_canvas_actions to add, update, or move shapes.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I read and modify visual shapes on a shared workspace canvas?

To read and modify visual shapes on a shared workspace canvas, call get_canvas_state to inspect current shape details and positions, then use apply_canvas_actions to create, update, move, or resize elements like text, images, and videos.

Can I use canvas actions to build live prototypes and planning dashboards?

Yes, you can use canvas actions to build live prototypes and planning dashboards by composing geo shapes, text labels, notes, iframes, images, and videos on a programmable surface without switching context.

What is the best way to rearrange items in a visual layout for design reviews?

The best way to rearrange items in a visual layout for design reviews is using apply_canvas_actions to move, resize, reorder, align, or distribute shapes dynamically across the shared board.

Does the canvas skill support embedding external content like iframes and videos?

Yes, the canvas skill supports embedding external content by allowing you to create, arrange, and manipulate iframe, image, and video shapes alongside geo shapes and text notes on the workspace.

How does shape lifecycle validation and error handling work when mutating layouts?

Shape lifecycle validation and error handling work by enforcing robust use of apply_canvas_actions, ensuring that every create, update, or delete operation on the canvas is validated and processed safely.

When should I not use a programmable workspace canvas for dynamic layouts?

You should not use a programmable workspace canvas for dynamic layouts if your task requires static, non-collaborative outputs, as this skill is specifically designed for live collaboration, prototyping, and interactive planning.