canvas

Display HTML content on connected OpenClaw nodes via WebSocket connections.

4|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/Agent-Pattern-Labs/sparse-kernel --skill canvas-agent-pattern-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/Agent-Pattern-Labs/sparse-kernel/tree/main/skills/canvas
Command: npx skills add https://github.com/Agent-Pattern-Labs/sparse-kernel --skill canvas-agent-pattern-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a way to display HTML content on connected OpenClaw nodes, enabling interactive demos, visualizations, and dashboards across devices.

Core Features & Use Cases

  • Content Display: Present HTML content on connected OpenClaw nodes, supporting games, dashboards, and more.
  • Integration: Seamlessly integrates with OpenClaw platforms for a multi-device experience.
  • Use Case: Ideal for demonstrating applications, managing remote dashboards, or running interactive games across various devices.

Quick Start

Show a canvas with HTML content on the Mac 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 devices using OpenClaw nodes?

To display HTML content on connected devices, you can use the canvas Skill to serve HTTP/HTTPS content over WebSocket connections to OpenClaw nodes. This requires setting up a bridge and node app with nodes configured for canvas capability.

Can I run interactive web demos and dashboards across multiple devices with this setup?

Yes, you can run interactive web demos and dashboards across multiple devices. The canvas Skill supports interactive HTML, CSS, and JavaScript presentations, allowing you to manage remote dashboards or run interactive games on connected OpenClaw nodes.

Do I need specific OpenClaw node configurations to present web content?

Yes, you need OpenClaw nodes specifically configured with a canvas capability. The web content display process requires both a bridge and a node app setup to facilitate the WebSocket connections serving the HTTP/HTTPS content.

What is the best way to show static HTML presentations on a remote Mac node?

The best way to show static HTML presentations on a remote Mac node is to use the canvas Skill. You can target a specific node by its ID, such as 'mac-63599bc4-b54d-4392-9048-b97abd58343a', to display the desired web content over the WebSocket connection.

Does this web content display method support both HTTP and HTTPS protocols?

Yes, the web content display method supports both HTTP and HTTPS protocols. Content is served over WebSocket connections, ensuring that both static and interactive HTML, CSS, and JS presentations can be displayed on the connected OpenClaw nodes.

What are the limitations of using WebSocket connections for cross-device web content display?

The primary limitation is that this method requires OpenClaw nodes with a canvas capability and appropriate bridge and node app configuration. Without these specific dependencies and setup, the WebSocket connections cannot facilitate the cross-device web content display.