以 skill 自身的术语
根据自然语言描述生成 Excalidraw 格式的图表。支持九种图表类型:用于顺序流程的流程图、用于实体关系的关系图、用于概念层级的思维导图、用于系统设计的架构图、用于数据转换流程的数据流图、用于跨职能工作流的业务流程泳道图、用于面向对象设计的类图、用于随时间展开的对象交互的序列图,以及用于数据库实体关系的 ER 图。
输出带有适当元素(矩形、椭圆、菱形、箭头、文本)的 .excalidraw JSON 文件,这些元素使用计算得出的坐标进行定位,并采用统一的配色方案进行样式设置。文件可直接在 excalidraw.com 或通过 VS Code 扩展中打开。
它产出什么
- 完整的 .excalidraw JSON 文件,带有描述性文件名
- 所创建内容的摘要,包括图表类型和元素数量
- 在 Excalidraw 中打开和编辑该图表的说明
工作方式
- 01理解请求
分析用户的描述,以确定图表类型(流程图、关系图、思维导图、架构图)、关键元素(实体、步骤、概念)、关系(流向、连接、层级)以及复杂度(元素数量)。
- 02选择合适的图表类型
通过识别关键词,将用户意图匹配到相应的图表类型。
- 03提取结构化信息
根据图表类型列出元素。对于流程图:顺序步骤、决策点、起点和终点。
- 04生成 Excalidraw JSON
创建 .excalidraw 文件,使用合适的元素类型(矩形、椭圆、菱形、箭头、文本),并设置关键属性,包括位置(x、y 坐标)、大小(width、height)、样式(strokeColor、backgroundColor、fillStyle)、字体(fontFamily:5 表示 Excalifont)以及连接(箭头的 points 数组)。
- 05格式化输出
构建完整的 Excalidraw 文件结构,包括 type、version、source、elements 数组、appState(viewBackgroundColor、gridSize)以及 files 对象。
- 06保存并提供说明
以 descriptive-name.excalidraw 保存,并告知用户如何打开:访问 excalidraw.com,点击 Open 或将文件拖放进去,或使用 Excalidraw VS Code 扩展。