skills.rest
lehalpaul
lehalpaulCOMMUNITY
Explore all skills by this author →
GitHub

Canvas Skill

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

Updated Feb 4, 2026
Search Tags:#ui#html#visualization#canvas#web content#display
One-click install
npx skills add https://github.com/lehalpaul/agents --skill canvas-skill-lehalpaul
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/lehalpaul/agents/tree/main/skills/canvas
Command: npx skills add https://github.com/lehalpaul/agents --skill canvas-skill-lehalpaul

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of rich HTML content on connected OpenClaw devices, transforming them into dynamic visual interfaces for various applications.

Core Features & Use Cases

  • Visualizations & Dashboards: Render real-time data visualizations or dashboards.
  • Interactive Demos: Showcase web-based applications or interactive prototypes.
  • Games: Display simple HTML5 games directly on the device.
  • Use Case: Display a live stock ticker dashboard on your connected Mac or iOS device by pointing the Canvas Skill to a web URL.

Quick Start

Use the canvas skill to present the HTML content located at http://your-server:18793/openclaw/canvas/my-dashboard.html on your primary node.

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 nodes?▼

To display HTML content on connected nodes, a local HTTP server and bridge service render web content directly onto OpenClaw devices. This enables dynamic visual output across your connected hardware.

Can I run JavaScript and capture screenshots of web visualizations?▼

Yes, you can execute JavaScript and capture screenshots of web visualizations. The environment supports live reloading and JavaScript execution for interactive and dynamic visual output on connected nodes.

Does displaying HTML dashboards work with Tailscale for network discovery?▼

Yes, displaying HTML dashboards works with Tailscale for seamless network discovery and access across devices. This integration allows you to push web content to connected nodes remotely and securely.

What is the best way to show a live dashboard on iOS or Mac devices?▼

The best way to show a live dashboard on iOS or Mac devices is by pointing the display service to a web URL. This renders real-time data visualizations directly on your connected hardware.

How do I render an HTML5 game on connected devices?▼

To render an HTML5 game on connected devices, point the canvas display to the game's local HTTP server URL. This allows the connected node to execute JavaScript and display interactive web content.

Do I need a local HTTP server to display web content on OpenClaw nodes?▼

Yes, you need a local HTTP server and a bridge service to display web content on OpenClaw nodes. This setup facilitates live reloading, JavaScript execution, and screenshot capture for dynamic visual output.

Related Skills

Explore More Design & Creative Skills→
Deskaunedsei1983Deskaunedsei1983

Canvas Skill

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

Community
Intermediate
MoRen9527MoRen9527

Canvas Skill

Display HTML content on connected OpenClaw nodes via HTTP server.

Community
Intermediate
NimbleBrainIncNimbleBrainInc
2

pdfco

Convert HTML input to PDF documents via the PDF.co MCP server.

Official
Intermediate
aresbitaresbit
7

Canvas Skill

Serve static HTML files over HTTP to connected OpenClaw nodes.

Community
Intermediate