Canvas Skill

Render HTML content on remote OpenClaw nodes via a local HTTP server.

6|Updated Mar 13, 2026

Search Tags:#cross-platform #canvas #ui-automation #live-reload #remote-display #web-view

Ready to run

npx skills add https://github.com/me2Doc/friendlyclaw --skill canvas-skill-me2doc

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/me2Doc/friendlyclaw/tree/main/body/skills/canvas
Command: npx skills add https://github.com/me2Doc/friendlyclaw --skill canvas-skill-me2doc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the challenge of displaying dynamic, visual, or interactive content across distributed hardware nodes, bridging the gap between your local server and remote devices.

Core Features & Use Cases

Cross-Platform Visualization: Present HTML-based dashboards, games, or data visualizations on Mac, iOS, or Android nodes.
Remote Control: Execute JavaScript, navigate URLs, or capture snapshots of remote displays via simple commands.
Use Case: A developer can instantly push a live-reloading dashboard to a tablet mounted on their desk to monitor system metrics or swarm worker status in real-time.

Quick Start

Use the canvas skill to present the file dashboard.html on the node with the identifier mac-63599bc4.

Frequently Asked Questions about Canvas Skill

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

FAQPage Schema

How do I render interactive HTML content on remote devices and connected nodes?▼

Remote rendering of HTML dashboards requires a configured gateway and active node connectivity to synchronize canvas states and execute client-side scripts across heterogeneous device environments.

Can I execute JavaScript and control remote web views across heterogeneous device environments?▼

Yes, you can execute JavaScript, navigate URLs, and capture snapshots of remote displays across heterogeneous device environments via simple commands using the bridge architecture and active node connectivity.

Does cross-platform canvas deployment support live-reloading development workflows on iOS and Android nodes?▼

Cross-platform canvas deployment supports live-reloading development workflows, allowing developers to instantly push interactive HTML dashboards and data visualizations to Mac, iOS, or Android nodes.

What is needed to deploy interactive UIs to connected nodes for remote display?▼

Deploying interactive UIs requires a configured gateway and active node connectivity to establish a local HTTP server and bridge architecture for synchronizing canvas states across distributed hardware nodes.

What are the limitations of synchronizing canvas states across distributed hardware nodes?▼

Synchronizing canvas states across distributed hardware nodes is limited by the requirement for a configured gateway and active node connectivity, meaning offline nodes cannot execute client-side scripts or render live content.