skills.rest
ybsa
ybsaCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/ybsa/sovereign-kernel --skill canvas-skill-ybsa
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
qsimeonqsimeon
1

Canvas Skill

Display HTML content on connected OpenClaw nodes via a canvas interface.

Community
Intermediate
kolbickkolbick

Canvas Skill

Display HTML content on connected KolbBot nodes via WebView.

Community
Intermediate
malue-aimalue-ai
36

canvas

Display HTML content on connected Moltbot nodes across Mac, iOS, and Android.

Official
Intermediate
simplefarmer69simplefarmer69
2

Canvas Skill

Display HTML content on connected OpenClaw client applications via a local HTTP server.

Community
Intermediate