用途:Canvas A2UI 是受 OpenClaw Canvas/A2UI 启发的可视化工作区技能,让智能体通过 HTML5 Canvas 与无头浏览器后端创建、操作和捕获视觉内容。适用于生成流程图、架构图、思维导图、图表与数据可视化、UI 线框图、图像标注、交互式视觉、视觉报告和教学插图。
主要能力:通过 A2UI 协议命令与画布通信,包括 push(发送绘制命令)、reset(清空画布)、eval(在画布上执行 JavaScript)、snapshot(截图为 PNG)、query(获取画布状态)、config(设置尺寸与背景)。提供 canvas_create、canvas_draw、canvas_chart、canvas_text、canvas_image、canvas_screenshot、canvas_grid、canvas_flowchart、canvas_diagram、canvas_query、canvas_eval、canvas_reset、canvas_list、canvas_close 等工具,并支持 canvas_server_start 实时可视化服务模式。
使用方式:进入技能目录后执行 npm install 安装 Puppeteer。典型流程为:canvas_create 创建画布,canvas_draw 或高层工具绘制内容,canvas_screenshot 导出 PNG/JPEG/WebP,最后 canvas_close 清理。绘制命令支持 rect、circle、line、arrow、polygon、text、image 等类型及 fill、stroke、opacity 等样式。
限制:画布脚本默认无网络访问,eval 命令沙箱仅限画布,截图仅保存到配置路径。画布创建约需 2-4 秒(浏览器启动),复杂图表约 500ms-1s,图表渲染约 1-2 秒。依赖 puppeteer、chart.js 等。具体收费、价格与平台支持暂未提供。