Canvas

Name: Canvas
Availability: InStock
Author: noname300989

Present and manage HTML content on connected OpenClaw nodes.

Updated Aug 23, 2026

Search Tags:#development #cross-platform #visualization #canvas #web content #display

Ready to run

npx skills add https://github.com/noname300989/Security-Claw --skill canvas-noname300989

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Canvas
Source: https://github.com/noname300989/Security-Claw/tree/main/skills/canvas
Command: npx skills add https://github.com/noname300989/Security-Claw --skill canvas-noname300989

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of rich web content, visualizations, and interactive demos on connected devices like Mac, iOS, and Android, bridging the gap between local development and user-facing interfaces.

Core Features & Use Cases

Cross-Platform Display: Renders HTML content on various OpenClaw nodes (Mac, iOS, Android).
Interactive Content: Supports games, dashboards, and dynamic web applications.
Development Tooling: Features live reload for rapid iteration during development.
Use Case: A designer can present an interactive website prototype directly on their iPad using this Skill, allowing for immediate feedback and collaboration.

Quick Start

Use the canvas skill to present the HTML file named 'my-game.html' on the node with ID 'mac-63599bc4-b54d-4392-9048-b97abd58343a'.

Frequently Asked Questions about Canvas

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

FAQPage Schema

How do I display HTML content on connected iOS and Android devices?▼

You can render interactive web applications and dashboards on connected Mac, iOS, and Android nodes by using this Skill to present HTML content through a local HTTP server and node bridge communication.

Can I capture screenshots of web content rendered on connected nodes?▼

Yes, you can capture screenshots of rendered web content. The Skill supports actions like screenshot capture, JavaScript evaluation, and navigation to manage dynamic web rendering across connected Mac, iOS, and Android nodes.

Does cross-platform web content display support live reload for development?▼

Yes, live reload is supported for rapid iteration during development. You can present interactive website prototypes and dashboards on connected devices like Mac, iOS, and Android, allowing for immediate feedback and updates.

What is the best way to present an interactive dashboard on an iPad?▼

Use this Skill to present the HTML file on the connected iOS node. It bridges local development and user-facing interfaces by rendering interactive dashboards and visualizations through a local HTTP server and node bridge communication.

How do I evaluate JavaScript on a connected Mac node displaying web content?▼

You can evaluate JavaScript on a connected Mac node by using the Skill's supported actions for dynamic web rendering. It facilitates JavaScript evaluation directly through the local HTTP server and node bridge communication.