skills.rest
noname300989
noname300989COMMUNITY
Explore all skills by this author →
GitHub

Canvas

Present and manage HTML content on connected OpenClaw nodes.

Updated Aug 23, 2026
Search Tags:#development#cross-platform#visualization#canvas#web content#display
One-click install
npx skills add https://github.com/noname300989/Security-Claw --skill canvas-noname300989
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
malue-aimalue-ai
36

canvas

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

Official
Intermediate
samttoo22-MewCatsamttoo22-MewCat
19

Canvas Skill

Serve and manage HTML content on connected OpenClaw nodes via a local HTTP server.

Community
Intermediate
syxscottsyxscott
1

Canvas Skill

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

Community
Intermediate
kolbickkolbick

Canvas Skill

Display HTML content on connected KolbBot nodes via WebView.

Community
Intermediate