skills.rest
Dbillionaer
DbillionaerCOMMUNITY
Explore all skills by this author →
GitHub

Canvas Skill

Serve HTML content to connected OpenClaw nodes via a local HTTP server.

1|1|Updated Feb 19, 2026
Search Tags:#html#nodes#canvas#web content#display#live reload
One-click install
npx skills add https://github.com/Dbillionaer/wholesaile --skill canvas-skill-dbillionaer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/Dbillionaer/wholesaile/tree/main/skills/canvas
Command: npx skills add https://github.com/Dbillionaer/wholesaile --skill canvas-skill-dbillionaer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to display custom HTML content, visualizations, and interactive demos on connected OpenClaw nodes, bridging the gap between web content and your device's display.

Core Features & Use Cases

  • Content Presentation: Serve static HTML/CSS/JS files to any connected node.
  • Interactive Demos: Showcase games, dashboards, or generated HTML content.
  • Cross-Platform Display: Works on Mac, iOS, and Android nodes.

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 connected devices?▼

You can display HTML content on connected devices by serving static HTML, CSS, and JS files through a local HTTP server and node bridge to present web applications across Mac, iOS, and Android nodes.

Can I show interactive web visualizations on iOS and Android nodes?▼

Yes, you can show interactive web visualizations on iOS and Android nodes. The system bridges web content to your device's display, facilitating interactive demos, games, and dashboards across supported mobile platforms.

How do I present a local HTML file to a specific node?▼

To present a local HTML file to a specific node, you specify the file name and the target node ID. This serves the static HTML content directly to the chosen connected device for immediate display.

Does displaying HTML content on nodes support live reloading during development?▼

Displaying HTML content on nodes supports live reloading during development. This allows you to immediately see updates to your web-based applications, visualizations, and interactive content as you modify the code.

What actions can I perform when displaying web content on nodes?▼

When displaying web content on nodes, you can perform actions such as navigation, evaluation, and snapshotting. This facilitates presenting interactive demos and dynamic visualizations directly on your connected devices.

Why use a node bridge to serve HTML instead of just opening a browser?▼

Using a node bridge to serve HTML allows you to showcase generated HTML content, games, and dashboards directly on connected device displays. It bridges the gap between local web content and cross-platform presentation on Mac, iOS, and Android.

Related Skills

Explore More Software Engineering Skills→
linuxhsjlinuxhsj
5.1k

Canvas Skill

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

Community
Intermediate
loveoplay2023-hueloveoplay2023-hue

Canvas Skill

Displays HTML content on connected OpenMehdi nodes via a local HTTP server and node bridge.

Community
Intermediate
aresbitaresbit
7

Canvas Skill

Serve static HTML files over HTTP to connected OpenClaw nodes.

Community
Intermediate
involvexinvolvex
2

firebase-hosting-basics

Deploy static web content to Firebase Hosting (Classic) with secure defaults.

Community
Intermediate