Canvas Skill

Display HTML content on remote Clawdbot nodes via HTTP and TCP bridge.

1|1|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/Rlier/clawdbot --skill canvas-skill-rlier
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/Rlier/clawdbot/tree/main/skills/canvas
Command: npx skills add https://github.com/Rlier/clawdbot --skill canvas-skill-rlier

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to visually present dynamic HTML content on your connected Clawdbot nodes, transforming them into interactive displays for games, dashboards, or web-based applications.

Core Features & Use Cases

  • Remote Display: Render HTML, CSS, and JavaScript content on Mac, iOS, and Android devices.
  • Interactive Content: Display games, visualizations, and live dashboards.
  • Development Tool: Facilitates rapid development and debugging of web content for connected devices with live reload.

Quick Start

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

Frequently Asked Questions about Canvas Skill

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

FAQPage Schema
How do I display HTML content on remote connected devices?

You can display HTML content on remote devices by using this Skill to render it through a local HTTP server and TCP bridge directly onto connected Clawdbot nodes.

Can I use live reload for web content development across multiple devices?

Yes, live reload is supported for web content development across multiple devices. It facilitates rapid development and debugging by automatically updating rendered HTML on connected nodes.

What is the best way to run JavaScript on a remote canvas display?

The best way to run JavaScript on a remote canvas display is by using this Skill's evaluate action, which executes JavaScript directly on the rendered HTML content hosted on connected Clawdbot nodes.

Do I need Tailscale to render live dashboards on connected nodes?

Tailscale is not strictly mandatory but is integrated to provide seamless network connectivity across devices. It ensures stable communication between the local server and remote Clawdbot nodes for rendering dashboards.

How do I take a snapshot of a remote HTML canvas?

To take a snapshot of a remote HTML canvas, you can use the snapshot action provided by this Skill to capture the current visual state of the rendered web content on the connected node.