canvas

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

2|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/FatBy/DD-OS --skill canvas-fatby
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/FatBy/DD-OS/tree/main/skills/canvas
Command: npx skills add https://github.com/FatBy/DD-OS --skill canvas-fatby

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to render HTML content on remote devices, enabling rich visualizations and interactive experiences beyond the standard chat interface.

Core Features & Use Cases

  • Remote Display: Show web-based content (games, dashboards, visualizations) on connected Mac, iOS, or Android devices.
  • Live Reload: Automatically updates content on connected devices as you make changes to your HTML files, ideal for rapid development.
  • Use Case: Develop a real-time data dashboard and display it on a tablet connected to your DD-OS instance.

Quick Start

Use the canvas skill to present the HTML file '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 remote devices like iOS or Android?

To display HTML content on remote devices, the Skill renders web files on connected iOS, Android, or Mac nodes via a local HTTP server and TCP bridge. This mechanism supports presenting games, visualizations, and interactive demos directly on target applications.

What is the best way to show a live reloading web visualization during development?

Live reloading for web visualizations automatically updates HTML content on connected devices as you modify the files. It operates through a local HTTP server and TCP bridge, making it ideal for rapidly iterating on real-time data dashboards and interactive web content.

Can I capture a screenshot of web content displayed on a connected Mac node?

Yes, you can capture a screenshot of HTML content displayed on a connected Mac node. The Skill facilitates navigation, JavaScript evaluation, and screenshot capture of the web content rendered on the remote display.

Does the remote rendering system support evaluating JavaScript on connected nodes?

Yes, the remote rendering system supports evaluating JavaScript on connected nodes. Along with displaying HTML content, it enables navigation, JavaScript evaluation, and screenshot capture on Mac, iOS, and Android applications.

What do I need to render an HTML game on a tablet connected to my local server?

To render an HTML game on a tablet, you need a local HTTP server and TCP bridge to connect your device. The tablet must run a connected OpenClaw node application to receive and present the interactive web content remotely.