canvas

Render HTML content on connected Otto devices for cross-device presentations.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/balic-AI-ML-R-D-Resources/eliza_autonomous_agents --skill canvas-balic-ai-ml-r-d-resources
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/balic-AI-ML-R-D-Resources/eliza_autonomous_agents/tree/main/packages/skills/skills/canvas
Command: npx skills add https://github.com/balic-AI-ML-R-D-Resources/eliza_autonomous_agents --skill canvas-balic-ai-ml-r-d-resources

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The canvas tool enables teams to render HTML content on any connected Otto node, allowing consistent visuals across devices for demos, dashboards, and interactive demonstrations.

Core Features & Use Cases

  • Present HTML content on host nodes to display web pages or games on Mac, iOS, and Android devices.
  • Hide, navigate, evaluate JavaScript, and take snapshots to capture live states for reviews or showcases.
  • Architecture includes a Canvas Host Server, a Node Bridge, and client apps to ensure reliable delivery of URLs to devices.

Quick Start

Place your HTML files in the configured canvas root and issue a present action to display a page on a connected node.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I display HTML content across multiple connected devices?

To display HTML content across multiple connected devices, you use a canvas host server to render web pages on connected Otto nodes. This enables consistent cross-device presentations for dashboards and interactive demonstrations.

Can I run JavaScript on web content displayed through a remote screen?

Yes, you can evaluate JavaScript on web content displayed through a remote screen. The canvas tool supports issuing actions to execute JavaScript on connected Otto nodes, allowing you to capture live states for reviews or interactive showcases.

How does cross-device rendering work for web presentations on Mac and iOS?

Cross-device rendering for web presentations on Mac and iOS works through a coordinate architecture. A canvas host server and node bridge deliver URLs to client apps on connected Otto nodes, ensuring reliable display of HTML content across different operating systems.

What do I need to set up before presenting HTML files on connected nodes?

Before presenting HTML files on connected nodes, you need to configure a canvas host with a root directory. Placing your HTML files in this configured canvas root allows you to issue a present action to display pages on target devices.

Can I take snapshots of live web pages displayed on remote devices?

Yes, you can take snapshots of live web pages displayed on remote devices. The canvas tool supports taking canvas snapshots across hosts and client apps to capture the current visual state for reviews or showcases.

What actions can I perform on HTML content displayed on Otto nodes?

You can present, hide, navigate, evaluate JavaScript, and take snapshots of HTML content displayed on Otto nodes. These actions allow you to manage cross-device web presentations and capture live states across connected hosts and client apps.