Canvas Skill

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

3|Updated Feb 26, 2026

Search Tags:#html #cross-platform #canvas #web content #display #live reload

Ready to run

npx skills add https://github.com/ybsa/sovereign-kernel --skill canvas-skill-ybsa

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/ybsa/sovereign-kernel/tree/main/crates/sk-tools/skills/canvas
Command: npx skills add https://github.com/ybsa/sovereign-kernel --skill canvas-skill-ybsa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present web content, such as visualizations, dashboards, or interactive demos, on any connected OpenClaw node (Mac, iOS, Android), bridging the gap between web-based information and device displays.

Core Features & Use Cases

Cross-Platform Display: Renders HTML content on various OpenClaw-enabled devices.
Live Reload: Automatically updates displayed content when source files change, ideal for development.
Flexible Binding: Supports loopback, LAN, and Tailscale interfaces for network connectivity.
Use Case: Display a real-time stock market dashboard on your connected iPad or present a game you've developed on your Mac.

Quick Start

Use the canvas skill to present the HTML content located at http://localhost:18793/openclaw/canvas/my-game.html 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?▼

To display HTML content on remote devices, this Skill bridges a local HTTP server to OpenClaw nodes. It renders web-based applications, dashboards, and interactive content across Mac, iOS, and Android displays.

Can I push live reloading web content to an iPad or Mac node?▼

Yes, you can push live reloading web content to an iPad or Mac node. The Skill automatically updates displayed HTML visualizations or applications when source files change during development.

Does displaying web content on connected nodes support Tailscale and LAN interfaces?▼

Displaying web content on connected nodes supports flexible network binding. You can configure the HTTP server to use loopback, LAN, or Tailscale interfaces for seamless development.

What is the best way to present a real-time dashboard on an iOS device?▼

The best way to present a real-time dashboard on an iOS device is by using a node bridge to route local HTML content. This Skill enables direct cross-platform presentation on OpenClaw-enabled iOS displays.

How do I use a local HTTP server to show web applications on Android nodes?▼

You can use a local HTTP server to show web applications on Android nodes by binding the server to your network and specifying the target node ID. The Skill handles the cross-platform HTML rendering.