skills.rest
victor-brechbill
victor-brechbillOFFICIAL
Explore all skills by this author →
GitHub

Canvas Skill

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of rich HTML content, visualizations, and interactive demos on connected client applications (Mac, iOS, Android), bridging the gap between web technologies and native device capabilities.

Core Features & Use Cases

  • Cross-Platform Display: Renders HTML/CSS/JS content in a WebView on various connected nodes.
  • Live Reload: Automatically updates displayed content when source files change, ideal for development.
  • Remote Interaction: Allows actions like navigation, JavaScript execution, and screen capture on the displayed content.
  • Use Case: A developer can use this Skill to preview a web application's UI directly on a target mobile device or present a live data dashboard to a remote team member.

Quick Start

Use the canvas skill to present the HTML file '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 connected mobile devices for live preview?▼

To display HTML content on connected mobile devices, this Skill uses a local HTTP server and bridge service to render web content in a WebView on Mac, iOS, and Android nodes.

Can I use live reload to automatically update web content on remote client nodes?▼

Yes, live reload automatically updates the displayed HTML, CSS, and JavaScript content on connected client nodes whenever the source files change, streamlining your development workflow.

Does Tailscale network binding work for displaying web content across multiple devices?▼

Tailscale integration handles network binding and URL resolution, enabling the local HTTP server to present interactive web content and dashboards seamlessly across connected devices.

How do I capture screenshots or execute JavaScript on remote web content displays?▼

Remote interaction features allow you to execute JavaScript, trigger navigation, and capture screenshots of the HTML content currently displayed on the connected client nodes.

What is needed to start presenting an HTML file on a specific connected node?▼

To present an HTML file, you need the target node ID and the file path, allowing the bridge service to push the web content directly to that specific connected device.

Related Skills

Explore More Design & Creative Skills→
Deskaunedsei1983Deskaunedsei1983

Canvas Skill

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

Community
Intermediate
eddmanneddmann
2

playwright

Render dynamic web pages with Playwright to capture HTML, text, and screenshots.

Community
Intermediate
KetomihineKetomihine
1

cellcharter-local

Host a local HTTP server to serve CellCharter documentation offline.

Community
Basic
zhangziliang04zhangziliang04
2

canvas

Render HTML content on Moltbot-connected devices across Mac, iOS, and Android nodes.

Community
Advanced