skills.rest
0xHoneyJar
0xHoneyJarOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Canvas Skill

Serves HTML files to connected OpenClaw nodes via a host server and Tailscale bridge.

5|Updated Feb 2, 2026
Search Tags:#ui#html#cross-platform#web content#display#live reload
One-click install
npx skills add https://github.com/0xHoneyJar/loa-beauvoir --skill canvas-skill-0xhoneyjar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/0xHoneyJar/loa-beauvoir/tree/main/skills/canvas
Command: npx skills add https://github.com/0xHoneyJar/loa-beauvoir --skill canvas-skill-0xhoneyjar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present rich HTML content, visualizations, and interactive demos on various connected devices, bridging the gap between web content and your AI's operational environment.

Core Features & Use Cases

  • Cross-Platform Display: Show HTML content on Mac, iOS, and Android applications connected via OpenClaw.
  • Interactive Content: Ideal for dashboards, games, visualizations, and interactive demos.
  • Live Reload: Develop and iterate on HTML content rapidly with automatic updates.
  • Use Case: Display a real-time stock market dashboard or a simple web-based game on your connected tablet.

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 from my AI environment?▼

To display HTML content on connected devices, you can serve static files through a host server and bridge to present dashboards, visualizations, or interactive demos on Mac, iOS, and Android applications connected via OpenClaw.

Can I show interactive web visualizations on my tablet using a host server?▼

Yes, you can show interactive web visualizations on your tablet by serving the HTML files through the host server, which bridges the web content to connected nodes for cross-platform display.

Does live reload work when developing HTML content for connected nodes?▼

Live reload works when developing HTML content for connected nodes, allowing you to rapidly develop and iterate on your HTML files with automatic updates visible on the client applications.

Do I need Tailscale to access the canvas host for serving static files?▼

You need Tailscale for network accessibility, which allows connected nodes to access the canvas host via its Tailscale hostname to retrieve and display your served static HTML files.

How do I navigate to a specific URL on client applications connected via OpenClaw?▼

You can navigate to a specific URL on client applications connected via OpenClaw by using the canvas host and bridge to direct the connected nodes to load the desired web address.

What are the limitations of using a bridge to display web content on iOS and Android?▼

The limitations of using a bridge to display web content include requiring active network connectivity through Tailscale and connected nodes being limited to rendering the static HTML files or specific URLs served by the host.

Related Skills

Explore More Software Engineering Skills→
seedprodseedprod
93

Canvas Skill

Display HTML content on OpenClaw nodes via a local HTTP server and node bridge.

Community
Intermediate
sky770825sky770825

canvas

Serve and display HTML content across connected OpenClaw client devices.

Community
Intermediate
MoRen9527MoRen9527

Canvas Skill

Display HTML content on connected OpenClaw nodes via HTTP server.

Community
Intermediate
ammonfifeammonfife

canvas

Serve static HTML, CSS, and JS files on OpenClaw nodes.

Community
Intermediate