SuperAPI AI 工具集

excalidraw-visual-designer

设计与创作

查看项目

更新于 10-15 21:56

技能介绍

用途:在 Excalidraw 网站内通过应用内浏览器直接绘制和修改可编辑的视觉图形,适用于用户要求 Codex 在 Excalidraw 中作图的场景。

主要能力:支持流程图与示意图(矩形、菱形、箭头、泳道、标签、分组)、架构或系统图(容器、调用路径、数据存储、边界、方向箭头)、信息图与教学图(可编辑文本/卡片、简单图表、编号区块、图标、标注)、产品/物体说明图(SVG 图像元素叠加可编辑标签与箭头)、白板草图、宣传物料与海报(面板、标题、卖点、主视觉、信息块、CTA)。

使用方式:先阅读并遵循 browser:control-in-app-browser 技能;优先占用已有的 https://excalidraw.com/ 标签页而非新开;用户查看时保持浏览器可见。复杂布局优先用 Excalidraw 剪贴板 JSON 导入而非手动拖拽。剪贴板 JSON 格式为 {"type": "excalidraw/clipboard", "elements": [], "files": {}},流程为生成 JSON、用 tab.clipboard.writeText(...) 写入剪贴板、点击画布、按平台快捷键粘贴、粘贴后按 Escape。技能附带通用生成脚本:<python> scripts/make_excalidraw_clipboard.py --spec scene-spec.json --output scene.excalidraw-clipboard.json,未提供 --spec 时输出空的有效载荷。

限制与规则:连接线不得穿过模块、容器、卡片、文本、图标、价格、CTA 等主要图形;跨元素时用带中间点的正交折线箭头,预留通道,多对多依赖走总线再分支;箭头与模块边界、标签保持至少 20 px 间距,避免压字。每次较大视觉改动后截图检查可读性、重叠与质量,最终保留 Excalidraw 标签页作为交付物。文字尽量保持可编辑,同一区域线宽一致,避免浮动标签。食物、人物、产品等高细节视觉用 SVG 图像元素。若插图不理想应替换而非辩解。具体收费、价格与平台支持情况暂未提供。