SuperAPI AI 工具集

canvas-workspace

通用与其它

查看项目

更新于 10-16 00:00

技能介绍

用途:仅当任务明确涉及 Axhub 画布、原型草稿、Excalidraw 画布文件、画布节点/批注/截图/图片,或需在画布中创建、整理、读取 Drawio 图表时使用。

主要能力:Axhub 画布基于 Excalidraw,支持标准绘图元素、两种专属节点(原型节点、文档节点)及元素级批注。原型节点 type 为 "embeddable",link 指向原型 URL,customData.title 为标题,customData.screenshotUrl 为截图地址;文档节点 type 为 "embeddable",customData.type 为 "axhub-doc",link 指向 /api/markdown-file?path=<encoded-path>。批注存于 customData.annotation 与 customData.annotationUpdatedAt。

使用方式:每个原型有独立画布 src/prototypes/<prototype-name>/canvas.excalidraw,即标准 Excalidraw JSON,可直接读写。画布确认链接形如 http://localhost:<port>/?projectId=<project-id>&p=<prototype-name>&v=canvas。优先直接读写 .excalidraw;CLI 仅用于读取批注、获取截图、查看在线连接或热更新异常兜底。元素需唯一 id,推荐 <timestamp>-<random>。规范:roughness 0、fontFamily 3(Cascadia)或 1(Virgil)、opacity 100、使用内置调色板、水平间距 200-300px、垂直 100-150px、文本至少 16px,相关内容用 frame 分组。

场景分流:草图/UI/流程图/架构图/线框图参考 references/prototype-sketch.md;灵感与方案参考 references/ideation-planning.md;画布整理参考 references/canvas-cleanup.md;读写细节参考 references/canvas-read-write.md;绘图基础参考 references/excalidraw-basics.md;元素模板参考 references/element-templates.md。

限制:用户说“生成图片/UI 设计稿”时须先判断输出形态,需真实图片则用图片生成工具,不清楚时须停下询问,不得擅自二选一。截图存于 src/prototypes/<name>/canvas-assets/embed-<elementId>.png。完成操作后回复应包含命中场景、更改内容、可确认的画布链接,并询问是否清理已处理标注。端口与 projectId 以当前运行环境为准。