skills.rest
mangiapanejohn-dev
mangiapanejohn-devCOMMUNITY
Explore all skills by this author →
Website𝕏@MarcEllingtonlGitHub

Canvas Skill

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

34|1|Updated Feb 20, 2026
Search Tags:#cross-platform#canvas#web content#live reload#html display#node integration
One-click install
npx skills add https://github.com/mangiapanejohn-dev/Resonix-AG --skill canvas-skill-mangiapanejohn-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/mangiapanejohn-dev/Resonix-AG/tree/main/skills/canvas
Command: npx skills add https://github.com/mangiapanejohn-dev/Resonix-AG --skill canvas-skill-mangiapanejohn-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of rich HTML content, visualizations, and interactive elements on connected Resonix nodes, bridging the gap between web content and device interfaces.

Core Features & Use Cases

  • Cross-Platform Display: Renders HTML/CSS/JS content on Mac, iOS, and Android applications.
  • Dynamic Content Presentation: Ideal for showcasing games, dashboards, interactive demos, and generated HTML.
  • Flexible Networking: Supports various network binding modes (loopback, LAN, Tailscale) for accessibility.
  • Use Case: Present a real-time stock market dashboard built with HTML and JavaScript to your team on their respective devices, ensuring everyone sees the same up-to-date information.

Quick Start

Use the canvas skill to present the HTML content located at http://your-tailscale-hostname:18793/resonix/canvas/my-dashboard.html on the node with ID mac-63599bc4-b54d-4392-9048-b97abd58343a.

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 nodes across Mac, iOS, and Android?▼

Yes, you can render interactive HTML visualizations on iOS and Android by using the cross-platform canvas display system, which supports dynamic web content presentation through a Node Bridge connected to your devices.

Does the canvas display system support live reload for dynamic content updates?▼

The canvas display system supports live reload for dynamic content updates, enabling real-time synchronization of HTML dashboards and interactive web demos across all connected nodes without manual refresh.

How do I access connected nodes remotely using Tailscale integration?▼

You can access connected nodes remotely by configuring Tailscale network binding, allowing seamless remote access to your HTML canvas host over secure mesh networks using your Tailscale hostname and designated port.

Can I present real-time dashboards built with HTML and JavaScript to multiple devices?▼

You can present real-time dashboards built with HTML and JavaScript to multiple devices by serving the content through the Canvas Host, ensuring every connected Resonix node displays the same up-to-date information.

What network binding modes are available for presenting web content on connected nodes?▼

Available network binding modes for presenting web content on connected nodes include loopback for local testing, LAN for local network access, and Tailscale integration for seamless remote connectivity across distributed devices.

Related Skills

Explore More Software Engineering Skills→
ammonfifeammonfife

canvas

Serve static HTML, CSS, and JS files on OpenClaw nodes.

Community
Intermediate
sentientspritesentientsprite

Canvas Skill

Serve HTML content to NEMO nodes via a local HTTP server.

Community
Intermediate
phnx-labsphnx-labs
15

devices

Synchronize SSH device profiles from Tailscale for fleet-wide command execution.

Official
Advanced
NJUxljNJUxlj

Canvas Skill

Present and control HTML content on remote OpenClaw nodes via a local HTTP server and bridge.

Community
Intermediate