Canvas Skill

Name: Canvas Skill
Availability: InStock
Author: StoryClaw

Present and interact with HTML content on OpenClaw nodes via a local HTTP server.

Updated Feb 11, 2026

Search Tags:#ui #html #canvas #web content #remote #display

Ready to run

npx skills add https://github.com/storyclaw-official/storyclaw-assistant --skill canvas-skill-storyclaw-official

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/storyclaw-official/storyclaw-assistant/tree/main/skills/canvas
Command: npx skills add https://github.com/storyclaw-official/storyclaw-assistant --skill canvas-skill-storyclaw-official

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

Visual Presentation: Render games, dashboards, and interactive demos on Mac, iOS, and Android devices.
Content Display: Show generated HTML content or live web pages.
Remote Control: Navigate, evaluate JavaScript, and capture screenshots of the displayed content.
Use Case: Present a real-time stock market dashboard on your tablet or play a simple web-based game on your phone via the OpenClaw app.

Quick Start

Use the canvas skill to present the HTML content found at the URL 'http://example.com/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 dynamic HTML content on remote connected devices?▼

You can display dynamic HTML content on connected devices by leveraging a local HTTP server and bridge communication to render and interact with web interfaces on remote OpenClaw nodes.

Can I render a live web dashboard on iOS and Android using a local HTTP server?▼

Yes, you can render live web dashboards and interactive HTML content on Mac, iOS, and Android devices by utilizing the local HTTP server to present content through connected OpenClaw nodes.

How do I remotely control HTML content and capture screenshots on connected nodes?▼

You can remotely control HTML content by executing navigation actions, evaluating JavaScript, and capturing snapshots of the displayed content on connected nodes through the bridge communication interface.

Do I need Tailscale to display web content across multiple connected devices?▼

Tailscale integration is used for network accessibility to display web content across multiple devices, ensuring your local HTTP server and connected OpenClaw nodes can communicate securely over your network.

How do I enable live reloading for interactive HTML content on connected displays?▼

Live reloading for interactive HTML content is supported natively, automatically refreshing the displayed web pages on connected nodes whenever the underlying local HTTP server content updates.