skills.rest
elizaOS
elizaOSOFFICIAL
Explore all skills by this author →
Website𝕏@elizaOSGitHub

canvas

Display HTML content on connected Otto nodes across Mac, iOS, and Android.

19.0k|5.6k|Updated Jul 9, 2024
Search Tags:#development#html#cross-platform#interactive#display#otto nodes
One-click install
npx skills add https://github.com/elizaOS/eliza --skill canvas-elizaos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/elizaOS/eliza/tree/main/packages/skills/skills/canvas
Command: npx skills add https://github.com/elizaOS/eliza --skill canvas-elizaos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of custom HTML content on connected Otto nodes (Mac, iOS, Android), transforming them into interactive canvases for various applications.

Core Features & Use Cases

  • Cross-Platform Display: Renders HTML content on Mac, iOS, and Android devices connected to the Otto network.
  • Interactive Content: Ideal for displaying games, real-time data visualizations, custom dashboards, and interactive demonstrations.
  • Development Workflow: Features live reloading for rapid development and iteration on HTML content.

Quick Start

Present the 'my-game.html' file on the node with ID 'mac-63599bc4-b54d-4392-9048-b97abd58343a'.

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 on iOS and Android devices?▼

To display HTML content on iOS and Android, you can use the canvas Skill to render custom web views on connected Otto nodes. It transforms your devices into interactive canvases for games, dashboards, and visualizations across Mac, iOS, and Android platforms.

Can I run JavaScript and capture screenshots of interactive HTML dashboards?▼

Yes, you can run JavaScript and capture screenshots of interactive HTML dashboards. The canvas Skill supports actions for evaluating JavaScript directly within the web view and capturing screenshots of the displayed content on connected Otto nodes.

Does the canvas Skill support live reloading for HTML development?▼

Yes, the canvas Skill supports live reloading for HTML development. This feature allows you to rapidly iterate on your HTML content, making it ideal for developing and testing interactive games, demos, and visualizations on connected devices.

How do I present and hide HTML files on a specific connected node?▼

You can present and hide HTML files on a specific connected node by using the canvas Skill's presentation actions. It allows you to target a specific node by its ID to display, navigate, or hide your custom HTML content.

What type of interactive content can I show on Otto nodes?▼

You can show games, real-time data visualizations, custom dashboards, and interactive demonstrations on Otto nodes. The canvas Skill renders this HTML content through a web view on Mac, iOS, and Android devices connected to the Otto network.

Related Skills

Explore More Software Engineering Skills→
NimbleBrainIncNimbleBrainInc
2

pdfco

Convert HTML input to PDF documents via the PDF.co MCP server.

Official
Intermediate
simplefarmer69simplefarmer69
2

Canvas Skill

Display HTML content on connected OpenClaw client applications via a local HTTP server.

Community
Intermediate
dyCuong03dyCuong03
6

wave5-local-to-world-read-only-contract

Enforce read-only LocalToWorld access for world-space calculations in Unity DOTS.

Community
Intermediate
kolbickkolbick

Canvas Skill

Display HTML content on connected KolbBot nodes via WebView.

Community
Intermediate