$ loading_
在连接的 OpenClaw 画布节点上展示 HTML，并进行导航、截图与调试。
该技能材料显示其主要用于在 OpenClaw 已连接节点上展示本地托管的 HTML，并支持导航、页面脚本执行与截图。未声明需要密钥或第三方远程端点，且仓库开源、社区采用度高，整体风险偏低，但因涉及 WebView 脚本执行、截图与局域网/Tailscale 暴露能力，建议按受控环境使用。
材料与客观检查项均表明无需密钥或环境变量，未见要求用户提供 API token、账号口令或云凭证，因此凭证泄露/滥用面较低。
未声明连接外部第三方主机，但会通过 Gateway HTTP 端口向已连接节点分发 canvas URL，并可在 loopback、LAN 或 Tailscale 路径上访问；截图与页面内容可能在 OpenClaw 节点间传输。属于其声明功能范围内的常规网络面，建议限制 bind 范围并仅暴露给受信节点。
README 明确支持 `eval` 在当前 canvas 中执行 JavaScript，且节点应用通过 WebView 渲染页面；这意味着存在页面脚本执行能力，但材料未显示可直接在宿主机上执行任意系统命令。该能力与画布调试/交互用途一致，仍应避免向不受信内容执行 eval。
材料显示其会从配置目录下的 `host.root` 提供文件，默认如 `~/.openclaw/canvas`，并能对当前 canvas 执行 `snapshot` 截图；未见声明可任意遍历全盘或访问无关数据。数据访问面主要限于配置文件、画布根目录及渲染内容，需注意不要把敏感文件放入该根目录或页面中。
来源为 GitHub 开源仓库，源码可审计，且社区采用度极高（约 37.7 万 star），这是显著的降风险因素。虽许可证未声明、维护状态未知，存在一定治理信息缺口，但基于现有材料未见闭源外发、不明来源或明显投毒红旗。
复制安装指令，让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "canvas" 技能： 1. 下载 https://raw.githubusercontent.com/openclaw/openclaw/main/skills/canvas/SKILL.md 2. 保存为 ~/.claude/skills/canvas/SKILL.md 3. 装好后重载技能，告诉我可以用了
把这段 HTML 渲染到已连接的 OpenClaw canvas 节点中，并打开首页视图：<html><body><h1>欢迎</h1><button>开始</button></body></html>
画布中显示渲染后的页面，可直接查看基础布局与交互元素。
访问画布中的 /pricing 页面，等待内容加载完成后截取一张清晰快照，并返回截图结果。
得到目标页面的截图，可用于评审、记录或问题反馈。
检查当前 canvas host URL 是否可访问，尝试导航并执行简单脚本验证页面状态，指出报错原因。
返回连通性、页面状态和可能的配置或加载问题，帮助快速定位故障。
Use canvas to show HTML on connected Mac/iOS/Android nodes.
plugins.entries.canvas.config.host.root.gateway.port, default 18789).gateway.bind: loopback local only, LAN IP for LAN, Tailscale host for tailnet, auto picks best route.pluginSurfaceUrls.canvas capability URLs; prefer those when available.Active config: $OPENCLAW_CONFIG_PATH or ~/.openclaw/openclaw.json.
{
"plugins": {
"entries": {
"canvas": {
"config": {
"host": {
"enabled": true,
"root": "~/.openclaw/canvas",
"liveReload": true
}
}
}
}
},
"gateway": { "bind": "auto" }
}
present: show canvas, optional URL.hide: hide canvas.navigate: open new URL.eval: run JavaScript in current canvas.snapshot: capture screenshot.plugins.entries.canvas.config.host.root or the default state canvas dir./__openclaw__/canvas/<file>.html.snapshot when the user needs proof.http://<gateway-host>:<gateway.port>/__openclaw__/canvas/index.html
http://<gateway-host>:<gateway.port>/__openclaw__/canvas/games/snake.html
Path mapping:
/__openclaw__/canvas/index.html -> <canvas host root>/index.html/__openclaw__/canvas/games/snake.html -> <canvas host root>/games/snake.htmlgateway.bind or public URL, regenerate URL.liveReload and file write under root.快速生成概念、架构、流程与白板图，支持 SVG、HTML 或 Excalidraw 格式
帮助用户用 HTML Canvas 快速生成、渲染并验证 3D 场景、2D 作品与小游戏。