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

Ready to run

npx skills add https://github.com/syxscott/PaleoClaw --skill canvas-skill-syxscott

💬 Prompt for ChatGPT / Claude Chat▼

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.