‹ 首页

canvas

@qianleigood · 收录于 昨天 · 上游提交 1 个月前

Present 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.

场景本地预览多设备调试

适合你，如果需要在Mac、iOS或Android上预览本地HTML页面

/ 下载安装
https://github.com/qianleigood/crawclaw/tree/main/skills-optional/canvas ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add qianleigood/crawclaw/canvas
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- qianleigood/crawclaw/canvas
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify qianleigood/crawclaw/canvas
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
30GitHub stars
~339上下文体积 · 单文件
索引托管

怎么用

商店整理自技能原文 · 版本 f27e175 · 表述以原文为准
它做什么

装上后，Claude能根据你给的HTML文件，在已连接的CrawClaw节点（如Mac、iOS、Android）的画布上展示该页面，还能控制导航、截图或隐藏。

什么时候触发

当你需要在一个已连接的节点上显示本地HTML页面（比如仪表盘、演示或交互网页），并确保URL正确时触发。

装好后可以这样说
执行present操作。
执行snapshot操作。
技能原文 SKILL.md作者撰写 · MIT · f27e175

Canvas

Use this skill to push HTML content to a connected node's canvas view.

Workflow
  1. Confirm canvasHost.enabled and note canvasHost.root.
  2. Put the page under the canvas root.
  3. Find an online node with crawclaw nodes list.
  4. Build the correct URL for the current bind mode:
  5. loopback: http://127.0.0.1:18793/__crawclaw__/canvas/<file>.html
  6. lan, tailnet, auto: use the bridge-visible host name or address
  7. Run the action you need:
  8. canvas action:present node:<node-id> target:<full-url>
  9. canvas action:navigate node:<node-id> url:<full-url>
  10. canvas action:snapshot node:<node-id>
  11. 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 port 18793 is listening, then curl the exact URL you plan to present.
  • If live reload does not update, confirm canvasHost.liveReload is enabled and the file is under canvasHost.root.
按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…