skills.rest
storyclaw-official
storyclaw-officialOFFICIAL
Explore all skills by this author →
Website𝕏@storyclawaiGitHub

Canvas Skill

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
One-click install
npx skills add https://github.com/storyclaw-official/storyclaw-assistant --skill canvas-skill-storyclaw-official
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
sky770825sky770825

Canvas Skill

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

Community
Intermediate
samttoo22-MewCatsamttoo22-MewCat
19

Canvas Skill

Serve and manage HTML content on connected OpenClaw nodes via a local HTTP server.

Community
Intermediate
aresbitaresbit
7

Canvas Skill

Serve static HTML files over HTTP to connected OpenClaw nodes.

Community
Intermediate
ybsaybsa
3

Canvas Skill

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

Community
Intermediate