skills.rest
syxscott
syxscottCOMMUNITY
Explore all skills by this author →
GitHub

Canvas Skill

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

1|Updated Mar 8, 2026
Search Tags:#cross-platform#visualization#canvas#web content#live reload#html display
One-click install
npx skills add https://github.com/syxscott/PaleoClaw --skill canvas-skill-syxscott
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/syxscott/PaleoClaw/tree/main/skills/canvas
Command: npx skills add https://github.com/syxscott/PaleoClaw --skill canvas-skill-syxscott

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to present rich web content, visualizations, and interactive demos directly on connected PaleClaw nodes, bridging the gap between web technologies and your AI agent's interface.

Core Features & Use Cases

  • Cross-Platform Display: Renders HTML content on Mac, iOS, and Android applications.
  • Interactive Content: Supports games, dashboards, and dynamic visualizations.
  • Development Friendly: Features live reloading for rapid iteration during development.
  • Use Case: Display a real-time stock market dashboard or a 3D model viewer directly within the PaleClaw interface on your mobile device.

Quick Start

Use the canvas skill to present the HTML file 'my-game.html' on the specified 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 HTML content on connected mobile and desktop nodes?▼

You can display HTML content on connected nodes by using a host-bridge-node architecture that enables cross-platform rendering of web-based applications and visualizations on Mac, iOS, and Android devices.

Can I render interactive web visualizations and dashboards across iOS and Android devices?▼

Yes, you can render interactive web visualizations and dashboards across iOS and Android devices. The system supports cross-platform presentation of dynamic web content directly on connected nodes.

How do I set up live reload for web content development on connected nodes?▼

Live reload functionality is integrated directly into the web content display workflow, allowing you to rapidly iterate and view updates during development without manually refreshing the connected nodes.

Does this cross-platform rendering approach support presenting 3D model viewers and games?▼

Yes, this cross-platform rendering approach supports presenting 3D model viewers and games. It enables interactive content display by bridging web technologies directly to your connected nodes.

What is the best way to present a real-time web dashboard on a mobile device node?▼

The best way to present a real-time web dashboard on a mobile device node is through the host-bridge-node architecture, which facilitates direct presentation of HTML content on connected PaleClaw nodes.

Related Skills

Explore More Software Engineering Skills→
ClaudioCeppi83ClaudioCeppi83

Canvas

Serve HTML content on connected OpenClaw nodes via WebSocket and WebView.

Community
Intermediate
YuJunZhiXueYuJunZhiXue
596

knowledge-absorber

Convert multi-source content into structured Markdown and HTML teaching notes.

Community
Advanced
instructureinstructure
153

deploy

Deploy Canvas Android apps to connected devices via adb and Gradle.

Official
Intermediate
DayzideeDayzidee

ckm:slides

Generate strategic HTML presentations with Chart.js data visualization and responsive design.

Community
Advanced