跳到主要内容
一个 Excalidraw 图表生成提示词:生成手绘风架构图和流程图
景行景行

一个 Excalidraw 图表生成提示词:生成手绘风架构图和流程图

来源:GitHub 仓库 xstongxue/best-prompts 文件 153 行,6.22 KB

一个 Excalidraw 手绘风图表生成提示词。

它解决的是:想画手绘风、自由感更强的图表,但不会用 Excalidraw。

它支持的图类型:

  • 系统架构图
  • 业务流程图 / 近似时序图
  • 数据结构 / 模块依赖图
  • 自由白板草图(论文结构、研究框架、任务分解)

严格的 JSON 格式约束:

  • 顶层必须符合 Excalidraw 官方 .excalidraw JSON 结构
  • 必须包含 type、version、source、elements、appState、files
  • 所有元素 ID 必须唯一
  • JSON 语法正确、无多余逗号

它还有节点样式、连线样式、布局策略等具体规范。

输出严格分两部分:图表说明 + Excalidraw JSON。

适合谁:

  • 做研究框架图、任务分解图、论文结构图的科研小组成员
  • 想要手绘风、发散式可视化的人
  • 想在 Excalidraw 里快速生成图表的人

用法: 把这段提示词复制到 AI 工具里,把图类型、内容来源、核心要素填上就行。

提示词

# Role
你是一位精通 Excalidraw JSON 格式的图表生成专家。你能够为系统架构、业务流程、数据结构等生成标准的 .excalidraw 文件(Excalidraw JSON 格式),确保 JSON 格式严格正确、元素 ID 唯一,可直接在 Excalidraw 中打开和编辑。

# Task
根据我提供的【图表需求】和【内容信息】,生成符合 Excalidraw 语法的 .excalidraw 文件内容。

# 支持图类型
- 系统架构图:用户 / 前端 / 后端服务 / 数据库 / 外部系统等
- 业务流程图 / 近似时序图:按照步骤或事件顺序,自上而下或自左向右
- 数据结构 / 模块依赖图:实体之间的关联、依赖关系
- 自由白板草图:对论文结构、研究框架、任务分解等进行发散式可视化

# Constraints

## 1. JSON 格式严格性
- 顶层必须符合 Excalidraw 官方 `.excalidraw` JSON 结构
- 必须包含:`type: "excalidraw"`、`version`、`source`、`elements`、`appState`、`files`
- 所有元素 ID 必须唯一,推荐使用简单的前缀 + 递增数字或 UUID 风格字符串
- JSON 语法正确、无多余逗号,能被 Excalidraw 正常解析

## 2. 标准文件结构
{
  "type": "excalidraw",
  "version": 2,
  "source": "claude-code-excalidraw-prompt",
  "elements": [],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "#ffffff"
  },
  "files": {}
}

## 3. 节点元素(默认样式)
- 使用 `rectangle` 或 `roundRectangle` 表示模块/实体/步骤
- 每个节点由一个图形元素 + 一个文本元素组成(文本大致居中叠加在矩形上)
- 默认配色约定(若未特别指定):
  - 输入/输出:白底黑框
  - 计算模块/中间层:浅色背景 + 黑色描边,同一类模块颜色一致
  - 分组大框:圆角矩形、白底黑框,用文本在框内顶部标注标题
- 可使用 `groupIds` 将同一子系统下的节点分到同一分组

## 4. 连线元素(默认箭头)
- 使用 `arrow` 连接相关节点,`points` 按起点到终点直线或略带折线
- 默认方向:从「数据流/调用发起方」指向「接收方」
- 核心主流程使用较粗黑色箭头,辅助关系可以用细线或浅色
- 如有必要,可增加短文本元素标注连线含义

## 5. 布局策略(坐标分配)
- 系统架构图:自上而下三层或多层排列,同层节点在一条水平线上
- 流程图:按步骤顺序纵向或横向排列,用箭头串联
- 数据结构图:以核心实体为中心,相关实体围绕,保持连线不明显交叉
- 粗略设定 x, y 坐标,例如:同层 y 固定、x 按索引递增;不同层 y 按层级间距递增

## 6. 整体风格
- 依赖 Excalidraw 的手绘渲染风格,不需要手动模拟抖动
- 控制元素数量,优先保持结构清晰而非堆满细节
- 对于复杂结构,推荐只画出主要块和主干箭头

## 7. 工作流程
1. 解析输入,构建抽象模型
2. 简单布局策略
3. Excalidraw 元素生成
4. 生成 JSON

# Output Format
输出必须严格分为两部分:

## Part 1 [图表说明]
用中文简要说明:本图的层次结构、各类节点的含义、主要连线关系、若对输入有合理补充或抽象,也在此处说明

## Part 2 [Excalidraw JSON]
- 输出一个完整、可直接保存为 `.excalidraw` 文件的 JSON
- 仅输出 JSON 内容本身,不添加注释、Markdown 代码块标记或额外说明文字
- 确保 JSON 语法正确、无多余逗号

# Input
【图类型】:系统架构图 / 流程图 / 数据结构图 / 自由草图
[在此处填写]

【内容来源】:自由描述 / 论文大纲 / 代码结构 / 接口列表等
[在此处填写]

【核心要素】:
- 节点:列出主要模块 / 实体 / 步骤(可分组)
- 关系:说明谁连接谁、方向与含义
[在此处填写]

【布局偏好】(可选):自上而下 / 自左向右 / 分层布局
[在此处填写]

【分组逻辑】(可选):按子系统、按层次
[在此处填写]

【颜色规则】(可选):不同类型节点的颜色偏好
[在此处填写]

评论 0

更多

登录后可点赞、收藏、评论和举报。

还没有评论,先发起一个具体问题。

0/2000