skills.rest
Deskaunedsei1983
Deskaunedsei1983COMMUNITY
Explore all skills by this author →
GitHub

Canvas Skill

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

Updated Jan 26, 2026
Search Tags:#development#ui#html#canvas#remote#display
One-click install
npx skills add https://github.com/Deskaunedsei1983/loc_clawdbot_01 --skill canvas-skill-deskaunedsei1983
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/Deskaunedsei1983/loc_clawdbot_01/tree/main/skills/canvas
Command: npx skills add https://github.com/Deskaunedsei1983/loc_clawdbot_01 --skill canvas-skill-deskaunedsei1983

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 elements on connected Clawdbot nodes, bridging the gap between your AI and user-facing interfaces.

Core Features & Use Cases

  • Remote Display: Render web content on macOS, iOS, and Android devices connected to Clawdbot.
  • Interactive Content: Ideal for showcasing games, dashboards, generated HTML, or interactive demos.
  • Development Tool: Live reload functionality speeds up the development of web-based UIs for the assistant.

Quick Start

Use the canvas skill to present the HTML file 'my-game.html' on your connected Mac 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 remote devices?▼

To display HTML content on remote devices, this Skill bridges a local HTTP server to Clawdbot nodes, allowing you to present web content on connected platforms like macOS, iOS, and Android.

Can I evaluate JavaScript and take snapshots of a remote canvas?▼

You can evaluate JavaScript and take snapshots of the remote canvas, as the Skill supports interactive actions like navigating, hiding, and capturing the current state of presented HTML elements.

Do I need Tailscale to render web content on iOS and Android nodes?▼

Tailscale integrates with the Skill to provide seamless cross-device connectivity, ensuring that your local HTTP server can reliably reach and render web content on connected iOS and Android nodes.

What is the best way to showcase interactive HTML dashboards on a Mac?▼

The best way to showcase interactive HTML dashboards is by using the Skill to present generated HTML files directly on a connected Mac node, utilizing the local bridge to render visual elements.

How does live reload work for web UI development on remote displays?▼

Live reload works by leveraging the local HTTP server to refresh presented HTML content automatically, functioning as a development tool to speed up the iteration of web-based UIs on connected nodes.

Does the remote display bridge support hiding and navigating presented content?▼

The remote display bridge supports actions for presenting, hiding, and navigating HTML content, allowing you to control the visibility and flow of interactive demos across connected Clawdbot nodes.

Related Skills

Explore More Software Engineering Skills→
RlierRlier
1

Canvas Skill

Display HTML content on remote Clawdbot nodes via HTTP and TCP bridge.

Community
Intermediate
me2Docme2Doc
6

Canvas Skill

Render HTML content on remote OpenClaw nodes via a local HTTP server.

Community
Intermediate
ybsaybsa
3

Canvas Skill

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

Community
Intermediate
linuxhsjlinuxhsj
5.1k

Canvas Skill

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

Community
Intermediate