Canvas Skill

Present HTML canvas content to OpenClaw nodes with navigation and JavaScript evaluation.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/Polealpha/XINNIAN_PI --skill canvas-skill-polealpha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/Polealpha/XINNIAN_PI/tree/main/app%20windows/vendor/openclaw-runtime/skills/canvas
Command: npx skills add https://github.com/Polealpha/XINNIAN_PI --skill canvas-skill-polealpha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Canvas Skill eliminates the friction of getting the same live, interactive web content to multiple OpenClaw device nodes by serving HTML from a host and instructing nodes how to display it.

Core Features & Use Cases

  • Present: Show a canvas page on a specific node for demonstrations, dashboards, or games.
  • Navigate & Hide: Switch what the node shows or dismiss the canvas without restarting anything.
  • Eval & Snapshot: Run JavaScript in the canvas or capture a screenshot of the rendered view for testing and verification.

Quick Start

Create an HTML file in the canvas host root directory (for example ~/clawd/canvas/index.html), then present it by instructing: canvas action:present node:<node-id> target:http://<hostname>:18793/openclaw/canvas/<file>.html (use the hostname that matches your canvas gateway bind mode).

Frequently Asked Questions about Canvas Skill

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

FAQPage Schema
How do I present interactive HTML canvas content on remote webview nodes?

To present interactive HTML canvas content on remote webview nodes, serve the HTML files from a canvas host HTTP server and instruct the specific node to display the target URL constructed under the /__openclaw__/canvas/ path.

Can I run JavaScript or take a screenshot of a canvas rendered on a remote node?

Yes, you can run JavaScript within the rendered canvas or capture a screenshot of the remote webview. These eval and snapshot capabilities allow you to execute scripts and verify visual output for testing and demonstrations.

How do I configure the URL when serving HTML to OpenClaw nodes over a tailnet?

When serving HTML to OpenClaw nodes over a tailnet, you must construct the target URL based on your canvas gateway bind mode. Use the appropriate hostname for loopback, LAN, or tailnet configurations so the node can reach the served content.

Do I need a dedicated directory to host HTML files for remote node demonstrations?

Yes, you need a configured root directory on your canvas host HTTP server to store HTML files. You place your interactive web experiences in this directory before instructing nodes to load the specific file paths.

Can I hide or navigate the canvas view on a node without restarting the server?

Yes, you can hide or navigate the canvas view on a node without restarting the host server. The skill supports switching displayed content or dismissing the canvas directly through remote control instructions.

What is the best way to display live web dashboards across multiple OpenClaw devices?

The best way to display live web dashboards across multiple OpenClaw devices is to host the HTML on a central server and use present instructions to push the URL to each node, eliminating the friction of manual deployment.