skills.rest
linuxhsj
linuxhsjCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Canvas Skill

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

5.1k|1.2k|Updated Feb 23, 2026
Search Tags:#development#cross-platform#visualization#canvas#web content#live reload
One-click install
npx skills add https://github.com/linuxhsj/openclaw-zero-token --skill canvas-skill-linuxhsj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/linuxhsj/openclaw-zero-token/tree/main/skills/canvas
Command: npx skills add https://github.com/linuxhsj/openclaw-zero-token --skill canvas-skill-linuxhsj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to display HTML content, visualizations, and interactive demos on connected OpenClaw nodes (Mac, iOS, Android) without needing to deploy them as separate applications.

Core Features & Use Cases

  • Cross-Platform Display: Render web content on various devices connected to OpenClaw.
  • Interactive Content: Show games, dashboards, and interactive demos.
  • Development Tool: Facilitates rapid development and testing of web-based UIs for agents.
  • Live Reload: Automatically updates content on connected nodes when local files change, speeding up development.

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 without deploying a separate app?▼

To display HTML content on connected devices without a separate app, use a local HTTP server and node bridge to render web visualizations directly on connected OpenClaw nodes.

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

Yes, you can show interactive web dashboards and games on iOS and Android nodes by presenting HTML files through the cross-platform OpenClaw node bridge.

Does live reload work when developing web-based UIs locally?▼

Live reload works for local web-based UI development by automatically updating and refreshing the HTML content displayed on connected nodes whenever local files change.

What is the best way to evaluate JavaScript and take snapshots of cross-platform web content?▼

The best way to evaluate JavaScript and take snapshots of cross-platform web content is using the canvas actions provided by the local node bridge to execute scripts and capture states.

Do I need Tailscale to render visualizations on connected Mac nodes?▼

You need Tailscale integration to enable seamless cross-device connectivity, ensuring the local HTTP server can reliably communicate with connected Mac nodes for rendering visualizations.

Why is my web content not hiding or navigating properly on the canvas?▼

Web content may not hide or navigate properly on the canvas if the node bridge connection is interrupted or the specific hide and navigate actions are not correctly targeted.

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
LuisvelMarketerLuisvelMarketer
1

Canvas Skill

Present HTML content on Genoma nodes via an HTTP server and node bridge.

Community
Intermediate
malue-aimalue-ai
36

canvas

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

Official
Intermediate
cogpycogpy

Canvas Skill

Display HTML content on remote OpenCog network devices.

Official
Intermediate