skills.rest
douglasjs
douglasjsCOMMUNITY
Explore all skills by this author →
GitHub

canvas

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

Updated Jan 29, 2026
Search Tags:#development#html#cross-platform#web content#display#live reload
One-click install
npx skills add https://github.com/douglasjs/clawdbot_plugin_tools --skill canvas-douglasjs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/douglasjs/clawdbot_plugin_tools/tree/main/canvas
Command: npx skills add https://github.com/douglasjs/clawdbot_plugin_tools --skill canvas-douglasjs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present rich HTML content, including games, visualizations, and interactive demos, on any connected Clawdbot node, bridging the gap between your development environment and user-facing applications.

Core Features & Use Cases

  • HTML Content Display: Serve static HTML, CSS, and JavaScript files to Mac, iOS, and Android nodes.
  • Live Reload: Automatically updates content on nodes as you make changes to your HTML files, ideal for rapid development.
  • Cross-Platform Presentation: Works seamlessly across different device types connected to Clawdbot.
  • Use Case: Develop an interactive data visualization in HTML and present it in real-time to a client on their tablet using the canvas skill.

Quick Start

Present the 'my-game.html' file 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 HTML content on cross-platform devices?▼

You can display HTML content on cross-platform devices by serving static HTML, CSS, and JavaScript files through a local HTTP server and bridge to connected Mac, iOS, and Android nodes. This directly presents web content on user-facing devices.

Does live reload work for web development on mobile and Mac nodes?▼

Yes, live reload works for web development on mobile and Mac nodes. It automatically updates the presented HTML content on connected devices as you make changes to your local files, which is ideal for rapid development and testing.

Can I present interactive web visualizations on a tablet?▼

You can present interactive web visualizations on a tablet by serving the HTML files through a local HTTP server. The content is bridged seamlessly to connected iOS and Android devices for real-time client presentations.

What is the best way to show web-based games on connected devices?▼

The best way to show web-based games on connected devices is to use a local HTTP server and bridge to present the static HTML, CSS, and JavaScript files. This supports interactive web content across Mac, iOS, and Android platforms.

How do I navigate and snapshot HTML dashboards across different devices?▼

To navigate and snapshot HTML dashboards across different devices, you use built-in actions provided by the local HTTP server and bridge. This allows you to control the presentation, evaluate content, and capture snapshots on connected nodes.

Related Skills

Explore More Software Engineering Skills→
victor-brechbillvictor-brechbill
1

Canvas Skill

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

Official
Intermediate
FatByFatBy
2

canvas

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

Community
Intermediate
syxscottsyxscott
1

Canvas Skill

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

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate