canvas

Name: canvas
Availability: InStock
Author: qianleigood

Push HTML content to a connected CrawClaw node's canvas view.

30|1|Updated Apr 15, 2026

Search Tags:#html #navigation #dashboard #canvas #node-management #remote-view #bind-mode

Ready to run

npx skills add https://github.com/qianleigood/crawclaw --skill canvas-qianleigood

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/qianleigood/crawclaw/tree/main/skills-optional/canvas
Command: npx skills add https://github.com/qianleigood/crawclaw --skill canvas-qianleigood

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Push HTML content to a connected node's canvas view to showcase dashboards, demos, or interactive pages directly on the device.

Core Features & Use Cases

Confirm canvasHost.enabled and note canvasHost.root.
Put the page under the canvas root.
Find an online node with crawclaw nodes list.
Build the correct URL for the current bind mode:
- loopback: http://127.0.0.1:18793/crawclaw/canvas/<file>.html
- lan, tailnet, auto: use the bridge-visible host name or address
Run the action you need:
- canvas action:present node:<node-id> target:<full-url>
- canvas action:navigate node:<node-id> url:<full-url>
- canvas action:snapshot node:<node-id>
- canvas action:hide node:<node-id>

Quick Start

Place the HTML under the canvas root and run a canvas action to present or navigate to the page.

Frequently Asked Questions about canvas

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

FAQPage Schema

How do I push HTML content to a remote node canvas for dashboard visualization?▼

To push HTML content to a remote node canvas, place your HTML file under the canvas root directory and use canvas action commands like present or navigate with the target node's ID and the constructed host URL to visualize dashboards.

What URL format does the canvas use for loopback versus lan and tailnet bind modes?▼

For loopback bind mode, the canvas URL uses http://127.0.0.1:18793/__crawclaw__/canvas/<file>.html. For lan, tailnet, and auto bind modes, it uses the bridge-visible host name or address to construct the active host URL.

Can I display interactive HTML dashboards on Mac, iOS, and Android devices?▼

Yes, canvas actions support pushing HTML content to connected nodes across Mac, iOS, and Android canvases. You can present, navigate, snapshot, or hide interactive pages directly on these devices.

What canvas actions are available for managing remote node views?▼

Available canvas actions include present to display a URL, navigate to change the current page, snapshot to capture the view, and hide to remove the display for a specified connected node.

Do I need to validate canvasHost settings before pushing an HTML page to a node?▼

Yes, you must confirm canvasHost.enabled is true and note the canvasHost.root directory before placing your HTML file and running canvas actions to ensure the page is accessible.

How do I find an online node to receive the pushed HTML dashboard?▼

You can find an online node by running the crawclaw nodes list command, then use the returned node ID with canvas actions like present or navigate to push the HTML dashboard.