canvas

Load HTML content on connected OpenClaw nodes and capture canvas screenshots.

Updated May 7, 2026
One-click install
npx skills add https://github.com/MOODMNKY-LLC/mnky-atlas --skill canvas-moodmnky-llc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/MOODMNKY-LLC/mnky-atlas/tree/main/skills/canvas
Command: npx skills add https://github.com/MOODMNKY-LLC/mnky-atlas --skill canvas-moodmnky-llc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Testing and debugging web content on physical mobile or desktop devices traditionally requires manual deployment, app store builds, or separate debugging tools, which slows down development iteration. This Skill eliminates that friction by letting you instantly load and interact with HTML content directly on connected OpenClaw nodes.

Core Features & Use Cases

  • Real-time HTML Rendering: Present any hosted HTML, CSS, or JavaScript content on connected Mac, iOS, or Android node canvases for immediate visual testing.
  • Interactive Debugging Tools: Navigate between URLs, run in-page JavaScript evaluations, and capture full canvas screenshots to verify functionality and rendering.
  • Cross-Platform Testing Use Case: A web developer building a responsive mobile feature can use this Skill to load their local HTML prototype on a connected iOS device, test interactive elements via JS eval, and take a snapshot to confirm layout without manual device configuration.

Quick Start

Use the canvas skill to present the local HTML file 'index.html' on your connected Android node and capture a screenshot of the rendered page.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I test HTML rendering on a mobile device without manual deployment?

Test HTML rendering by loading hosted content directly onto connected OpenClaw node canvases, eliminating manual deployment. This enables immediate visual testing and interaction on physical iOS or Android hardware.

Can I run JavaScript debugging on physical iOS or Android devices remotely?

Yes, you can run JavaScript debugging on physical iOS or Android devices by executing in-page JavaScript evaluations directly on connected OpenClaw node canvases. This verifies interactive element functionality without external debugging tools.

What is the best way to capture a screenshot of rendered web content on an emulated device?

Capture a screenshot of rendered web content by presenting the HTML on an OpenClaw node canvas and taking a full canvas snapshot. This verifies layout and visual rendering across mobile or desktop environments.

How do I resolve canvas host URL routing issues across local and LAN networks?

Resolve canvas host URL routing issues across local, LAN, and tailnet networks by leveraging the OpenClaw node canvas framework. It manages routing internally to ensure hosted HTML content loads correctly on target devices.

Does this approach require external debugging tools for cross-platform mobile testing?

No, cross-platform mobile testing does not require external debugging tools when using OpenClaw node canvases. The system provides built-in URL navigation, JavaScript evaluation, and screenshot capture for iOS and Android workflows.