Canvas Skill

Display HTML content and capture screenshots on connected OpenClaw nodes.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/Justicegaines03/OpenClaw_NIST-AI-RMF_Compliance --skill canvas-skill-justicegaines03
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/Justicegaines03/OpenClaw_NIST-AI-RMF_Compliance/tree/main/skills/canvas
Command: npx skills add https://github.com/Justicegaines03/OpenClaw_NIST-AI-RMF_Compliance --skill canvas-skill-justicegaines03

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to seamlessly display HTML content, visualizations, and interactive demos on connected OpenClaw nodes, bridging the gap between your AI and your devices.

Core Features & Use Cases

  • Cross-Platform Display: Renders web content on macOS, iOS, and Android apps.
  • Interactive Content: Supports games, dashboards, and live demos through a WebView.
  • Development Friendly: Features live reload for rapid iteration during development.
  • Use Case: Present a real-time stock market dashboard or a simple HTML-based game to your mobile device via OpenClaw.

Quick Start

Present the HTML file 'my-game.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 mobile devices and macOS?

To display HTML content on connected devices, this Skill presents your web files through a dedicated canvas interface on OpenClaw nodes. It bridges your AI and hardware by rendering visualizations and interactive applications across macOS, iOS, and Android.

Can I show interactive web dashboards on iOS and Android through OpenClaw?

Yes, you can show interactive web dashboards on iOS and Android through OpenClaw. The Skill utilizes a WebView to render interactive content, supporting live demos, games, and real-time dashboards across connected cross-platform nodes.

What is the best way to present an HTML game to a connected node?

The best way to present an HTML game to a connected node is by issuing a present command with your target file and the specific node ID. The Skill handles the cross-platform rendering and display automatically.

Does the canvas display support live reload for web content development?

Yes, the canvas display supports live reload for web content development. This development-friendly feature enables rapid iteration by instantly updating visualizations and interactive web content on connected macOS and mobile nodes.

Can I evaluate JavaScript and capture screenshots of web content on a canvas?

Yes, you can evaluate JavaScript and capture screenshots of web content on a canvas. The Skill supports actions such as navigating, executing JavaScript, and taking screenshots of the displayed interactive applications.

What are the limitations of displaying web content on connected OpenClaw nodes?

A limitation of displaying web content on connected OpenClaw nodes is that it requires a dedicated canvas interface and active node connections. Rendering relies on the WebView capabilities of the specific macOS, iOS, or Android device receiving the content.