canvas

Name: canvas
Availability: InStock
Author: elizaOS

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

Ready to run

npx skills add https://github.com/elizaOS/eliza --skill canvas-elizaos

💬 Prompt for ChatGPT / Claude Chat▼

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.