Canvas
SkillDev toolsPresent local HTML on connected CrawClaw nodes. Use when you need to show a dashboard, demo, or interactive page on a Mac, iOS, or Android canvas and need the correct host URL for the current bind mode.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Canvas skill
What this skill tells your AI
The instructions your AI receives, as published by qianleigood/crawclaw in skills-optional/canvas/SKILL.md and read by ahel’s review.
Use this skill to push HTML content to a connected node's canvas view.
Workflow
- Confirm
canvasHost.enabledand notecanvasHost.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>.htmllan,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>
Rules
- Always include
node:<node-id>. - Prefer the host name actually advertised by the gateway; do not guess with
localhost. - Keep demo pages self-contained when possible.
Debugging
- White screen usually means the node received the wrong host for the current bind mode.
- Check
gateway.bind, confirm port18793is listening, thencurlthe exact URL you plan to present. - If live reload does not update, confirm
canvasHost.liveReloadis enabled and the file is undercanvasHost.root.
Signals
- GitHub stars
- 30
- Forks
- 1
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
canvas-qianleigood- Source
- github.com/qianleigood/crawclaw