SuperAPI AI 工具集

excalidraw

设计与创作

查看项目

更新于 10-15 18:46

技能介绍

用途:该技能通过 create_excalidraw_diagram 工具,根据用户意图生成手绘风格的 Excalidraw 图表,用于可视化结构、流程或关系。适合系统架构图、流程图或决策树、时序/交互图、思维导图或概念图,以及形状、箭头和标签的组合。若需求是展示原始数值(如季度销售数据、股价走势),则应改用可视化类技能。

主要能力:支持多种图表类型。流程图使用矩形、菱形加箭头;架构图使用区域矩形、方框加箭头;思维导图使用中心节点加放射分支箭头;关系图使用方框加带标签箭头。Swimlane、类图、序列图、ER 图、DFD 等类型在生成前需读取 diagram-patterns.md。元素格式要求所有元素包含 type、id、x、y、width、height;形状支持矩形、椭圆、菱形,可在形状或箭头上用 label 字段添加居中标签;箭头通过 points 定义路径,并可用 startBinding、endBinding 绑定到元素。可通过 cameraUpdate 伪元素设置视口,delete 伪元素按 ID 删除元素。还提供统一的配色方案,用于描边、箭头、文本及各类填充和区域背景。

使用方式:用户提出修改已有图表时,会收到当前元素数组,需返回完整更新后的元素数组,未变元素保留相同 id,删除元素则省略,新增元素使用未用过的唯一 id。生成时始终以 cameraUpdate 作为首个元素,并采用 4:3 比例(如 400×300、600×450、800×600、1200×900、1600×1200)。更新已有图表时可先用 delete 移除元素,但不得复用已删除的 ID。

适用场景:适合需要展示结构、流程、层级或关联关系的场景。

限制:cameraUpdate 必须使用精确 4:3 比例,否则视图会变形;元素数组必须是有效 JSON,不能包含注释;避免浅灰文字在白色背景上,文本在白色背景上的最浅颜色为 #757575;箭头标签需留出空间;Excalidraw 字体不支持 emoji;元素之间应保持至少 20px 间距;相机框内需留出内边距。具体收费、价格、平台等信息暂未提供。