Which platforms are supported as display nodes?

You can present content on any connected Clawdbot node running the Mac app, iOS app, or Android app.

Can I update the content without refreshing manually?

Yes, the skill includes a built-in live reload feature that watches your root directory and automatically refreshes connected canvases when files are saved.

Does Clawdbot Canvas support remote devices?

Yes, through Tailscale integration, the canvas host can bind to your tailnet, allowing you to securely display content on nodes outside your local network.

Why am I seeing a white screen on my node?

This is usually caused by a URL mismatch. Ensure your gateway bind setting (loopback, LAN, or Tailscale) matches the URL hostname you are providing to the node.

Clawdbot Canvas

Name: Clawdbot Canvas
Author: clawdbot

byclawdbot

•

8,362

•

Mobile Development

Renders and manages interactive HTML content across connected desktop and mobile devices via the Clawdbot ecosystem.

Clawdbot Canvas is a powerful tool designed to bridge the gap between AI-generated code and real-world device rendering. It allows users to serve static HTML, CSS, and JavaScript from a local host to connected Clawdbot nodes on Mac, iOS, or Android. By leveraging a built-in HTTP server and TCP bridge, developers can instantly preview dashboards, games, or UI mockups on physical devices with support for live reloading, remote navigation, and snapshotting, making it an essential utility for cross-platform prototyping and interactive demos.

주요 기능

01Tailscale integration for secure remote device connectivity

02Interactive control via JavaScript execution and navigation actions

03Multi-device HTML rendering on Mac, iOS, and Android apps

04Visual feedback through automated canvas snapshots

058,362 GitHub stars

06Real-time live reloading for rapid UI development

사용 사례

01Presenting real-time data visualizations or dashboards on a secondary screen

02Rapid prototyping and debugging of web-based games and interactive demos

03Testing mobile-responsive designs on physical iOS and Android devices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add clawdbot/clawdbot canvas

For use in Claude.ai and ChatGPT

Download Skill