skills.rest
Clawdi-AI
Clawdi-AIOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Canvas

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

4|2|Updated Feb 26, 2026
Search Tags:#interactive#visualization#canvas#web content#display#remote rendering
One-click install
npx skills add https://github.com/Clawdi-AI/openclaw --skill canvas-clawdi-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas
Source: https://github.com/Clawdi-AI/openclaw/tree/main/skills/canvas
Command: npx skills add https://github.com/Clawdi-AI/openclaw --skill canvas-clawdi-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present dynamic web content on connected OpenClaw nodes, transforming them into visual displays for games, dashboards, or interactive demos.

Core Features & Use Cases

  • Visual Display: Render HTML, CSS, and JavaScript content on Mac, iOS, and Android devices.
  • Interactive Content: Show visualizations, dashboards, or even simple games.
  • Remote Rendering: Display content on devices not directly controlled by the user.

Quick Start

Use the canvas skill to present the HTML content located at http://your-tailscale-hostname:18793/openclaw/canvas/my-game.html on the node with ID mac-63599bc4-b54d-4392-9048-b97abd58343a.

Frequently Asked Questions about Canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display interactive HTML content on connected mobile devices?▼

You can display interactive HTML content on connected iOS and Android devices by hosting it on a local HTTP server and using a node bridge to render the web content via a WebView component.

Can I show web visualizations on a Mac remotely?▼

Yes, you can show web visualizations on a Mac remotely by pushing HTML, CSS, and JavaScript content to connected OpenClaw nodes acting as visual displays.

Does remote rendering support live reloading for interactive web demos?▼

Remote rendering supports live reloading and dynamic navigation, allowing you to present and update interactive web demos, games, and dashboards across connected devices.

What do I need to present web content on an OpenClaw node?▼

To present web content on an OpenClaw node, you need a local HTTP server hosting your HTML files and the specific node ID to direct the display output to the target device.

What is the best way to render dashboards across multiple connected devices?▼

The best way to render dashboards across multiple connected devices is using a local node bridge to serve HTML content, transforming Mac, iOS, and Android nodes into interactive visual displays.

Related Skills

Explore More Design & Creative Skills→
Agent-Pattern-LabsAgent-Pattern-Labs
4

canvas

Display HTML content on connected OpenClaw nodes via WebSocket connections.

Official
Intermediate
kolbickkolbick

Canvas Skill

Display HTML content on connected KolbBot nodes via WebView.

Community
Intermediate
seedprodseedprod
93

Canvas Skill

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

Community
Intermediate
coltonbattscoltonbatts

Canvas Skill

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

Community
Intermediate