diagram-maker

图表制作器

以工件形式创建图表，而非文字描述。选择一种输出模式：

• clean-svg：教育概念、物理系统、流程、生命周期、简单数据流。
• architecture-svg：软件/云/基础设施拓扑、服务、数据库、队列、信任区。
• excalidraw：可编辑的手绘白板、流程图、时序图、架构草图。

路由选择

• 用户需要可编辑/协作：选择 Excalidraw。
• 用户需要精美的独立浏览器输出：选择 SVG/HTML。
• 包含基础设施组件的软件架构：选择架构 SVG。
• 科学、产品、流程、概念图、物理对象：选择简洁 SVG。
• 不确定：仅当输出格式很关键时，提出一个简短问题；否则选择简洁 SVG。

工作流

1. 提取节点、分组、标签和有向关系。
2. 首先选择布局：从左到右、从上到下、中心辐射式、泳道、分层堆叠、时序。
3. 保持标签简短。优先使用 5-9 个主要元素，而非绘制密集图表。
4. 在所请求的路径生成文件，或使用 ./diagram.html / ./diagram.excalidraw。
5. 在可行情况下，通过打开/解析来验证语法。

SVG/HTML 规则

• 单个独立的 .html 文件，包含内联 CSS 和内联 SVG。
• 不得使用外部字体、JS、图片、渐变、辉光、装饰性斑块或远程资源。
• 使用语义化颜色，而非彩虹色序列：中性、输入、流程、存储、外部、风险。
• 先绘制连接线，再绘制节点，使箭头位于方框后方。
• 每条连接线路径都应带有 fill="none"，并在有向时带箭头标记。
• 方框内应留出 24px 的文本内边距；不要让文字接触边框。
• 仅当符号/颜色含义不明显时才显示图例。

SVG 模板

使用 references/svg-template.md 作为包装器，并替换 ``。

Excalidraw 规则

• 将包含 type、version、source、elements 和 appState 的 .excalidraw JSON 保存到文件中。
• 对形状标签使用绑定文本。不要使用非标准的 label 属性。
• 在 elements 数组中，将绑定文本紧接在其容器元素之后。
• 带标签形状的最小尺寸：120x60。正文文字的最小字号：16px。
• 使用粗糙度 1、fontFamily: 1 和简单填充。

如需精确的 Excalidraw 元素代码片段，请读取 references/excalidraw-patterns.md。