skills.rest
TheTesseractAI
TheTesseractAICOMMUNITY
Explore all skills by this author →
GitHub

canvas

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

Updated Apr 14, 2026
Search Tags:#images#visualization#canvas#iframe#videos#shapes
One-click install
npx skills add https://github.com/TheTesseractAI/19 --skill canvas-thetesseractai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/TheTesseractAI/19/tree/main/.local/skills/canvas
Command: npx skills add https://github.com/TheTesseractAI/19 --skill canvas-thetesseractai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables users to create, read, and modify visual elements on a digital canvas, simplifying diagramming and visual organization tasks.

Core Features & Use Cases

  • Shape Management: Add, update, delete, and move geometric shapes, notes, and text labels.
  • Embedded Content: Insert iframes, images, and videos for rich visual presentations.
  • Use Case: Design a project diagram by placing shapes, embedding relevant web content, and arranging components precisely on the canvas.

Quick Start

Use the canvas skill to draw a rectangle at position (100, 100) with size (200, 150) and add an image from an external URL.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I create and manipulate visual shapes on a digital canvas?▼

You can insert images and videos by embedding HTTPS URLs directly into the canvas. The skill supports iframes and local asset management, allowing you to integrate rich multimedia content alongside your visual shapes.

Does this canvas tool support embedding external web content like iframes?▼

Yes, the canvas tool supports embedding external web content using iframes. It ensures compatibility with HTTPS embedded URLs, allowing you to insert images, videos, and interactive web elements directly into your visual workspace.

How do I draw a rectangle and add an image to a visual workspace?▼

To draw a rectangle and add an image, use the skill commands to specify the shape type, position, and size, such as drawing a rectangle at (100, 100) with dimensions (200, 150). You can then add images by providing an external HTTPS URL.

What is the best way to design diagrams and visual workflows with embedded media?▼

The best way to design diagrams and visual workflows is to use a dynamic canvas that supports both geometric shape management and embedded media. This allows precise arrangement of components, text labels, and HTTPS video content for visual presentations.

Are there limitations when embedding videos and external URLs in a canvas layout?▼

A known limitation is that embedded media requires HTTPS URLs to function properly on the canvas. You must ensure external content links use HTTPS protocol, though local assets can be managed directly without this constraint.

Related Skills

Explore More Design & Creative Skills→
aresbitaresbit
46

summarize

Summarize URLs, local files, and video transcripts into concise summaries.

Community
Intermediate
dawsonblockdawsonblock

cli-anything-drawio

Automate Draw.io diagram creation, editing, and export from the command line.

Community
Intermediate
Celia-12Celia-12

canvas

Create, read, and manipulate visual shapes on a workspace canvas.

Community
Intermediate
jluo41jluo41
1

logseq-whiteboards

Create and edit whiteboard EDN canvases inside a LogSeq graph.

Community
Advanced