skills.rest
openxjarvis
openxjarvisCOMMUNITY
Explore all skills by this author →
GitHub

canvas

Render HTML content on connected OpenClaw nodes with JavaScript execution.

67|24|Updated Jan 31, 2026
Search Tags:#html#cross-platform#interactive#visualization#canvas#web display
One-click install
npx skills add https://github.com/openxjarvis/openclaw-python --skill canvas-openxjarvis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/openxjarvis/openclaw-python/tree/main/skills/canvas
Command: npx skills add https://github.com/openxjarvis/openclaw-python --skill canvas-openxjarvis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows you to present interactive web content, visualizations, or dashboards on connected OpenClaw nodes (Mac, iOS, Android), bridging the gap between web technologies and your personal devices.

Core Features & Use Cases

  • Cross-Platform Display: Renders HTML content on various OpenClaw client applications.
  • Interactive Content: Supports games, dashboards, and interactive demos.
  • Live Reload: Facilitates rapid development by automatically updating content on file changes.
  • Use Case: Develop a real-time data visualization dashboard in HTML/JS and use this Skill to display it live on your tablet via the OpenClaw Android app.

Quick Start

Use the canvas skill to present the 'my-game.html' file on the node with ID 'node-123'.

Frequently Asked Questions about canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display interactive HTML content on connected mobile devices?▼

Display interactive HTML content on connected devices by rendering web files on OpenClaw nodes. This bridges web technologies to Mac, iOS, and Android clients, enabling live dashboards and games. It supports JavaScript execution and automatic reloading during development.

Can I show a real-time data visualization dashboard on my tablet?▼

Yes, you can show a real-time data visualization dashboard on your tablet. Develop the dashboard in HTML and JavaScript, then use the canvas Skill to display it live through the OpenClaw Android or iOS app. The live reload feature updates content automatically on file changes.

Does displaying web visualizations require specific network configurations?▼

Displaying web visualizations requires specific gateway binding configurations for network accessibility. The Skill operates through a host server and node bridge architecture to successfully render HTML content and execute JavaScript on connected OpenClaw client nodes.

What is the best way to present an HTML game on cross-platform nodes?▼

The best way to present an HTML game on cross-platform nodes is using the canvas Skill to target a specific node ID. It renders the HTML file directly on connected OpenClaw nodes, supporting navigation and JavaScript execution across Mac, iOS, and Android environments.

Why is my web content not loading on the connected node?▼

Web content not loading on a connected node is often due to incorrect gateway binding configurations. The host server and node bridge architecture requires proper network setup to successfully display interactive HTML visualizations and execute JavaScript on target devices.

Related Skills

Explore More Design & Creative Skills→
NimbleBrainIncNimbleBrainInc
2

pdfco

Convert HTML input to PDF documents via the PDF.co MCP server.

Official
Intermediate
samttoo22-MewCatsamttoo22-MewCat
19

Canvas Skill

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

Community
Intermediate
brikkoAIbrikkoAI
1

Canvas Skill

Render HTML content on connected Brikko Studio nodes with live reload.

Official
Intermediate
syxscottsyxscott
1

Canvas Skill

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

Community
Intermediate