skills.rest
qianleigood
qianleigoodCOMMUNITY
Explore all skills by this author →
GitHub

canvas

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
One-click install
npx skills add https://github.com/qianleigood/crawclaw --skill canvas-qianleigood
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
flemzordflemzord
6

canvas

Renders HTML content on connected OpenClaw nodes via a local canvas host and bridge.

Community
Intermediate
Bitterbot-AIBitterbot-AI
2.5k

canvas

Present and control HTML content on connected Bitterbot nodes via canvas host.

Official
Intermediate
FlexasaurusrexFlexasaurusrex
16

Canvas Skill

Display HTML content on OpenPaw nodes via a Canvas Host server.

Community
Intermediate
x402agentx402agent

Canvas Skill

Render HTML canvas content on connected NanoSolana nodes.

Community
Advanced