用途:将概念、架构、流程、白板需求生成图表工件,而不是用文字描述。需先选择一种输出模式:clean-svg 适合教学概念、物理系统、流程、生命周期、简单数据流;architecture-svg 适合软件/云/基础设施拓扑、服务、数据库、队列、信任区;excalidraw 适合可编辑手绘白板、流程图、时序图、架构草图。
选择规则:需要可编辑或协作选 Excalidraw;需要精致的独立浏览器输出选 SVG/HTML;含基础设施组件的软件架构选架构 SVG;科学、产品、流程、概念图、物理对象选 clean SVG。不确定时,仅当输出格式重要才问一个简短问题,否则默认 clean SVG。
工作流:提取节点、分组、标签和有向关系;先定布局(左到右、上到下、中心辐射、泳道、分层堆叠、时序);标签保持简短,优先 5-9 个主要元素;生成到指定路径,或 ./diagram.html / ./diagram.excalidraw;可行时通过打开或解析验证语法。
SVG/HTML 规则:单一独立 .html 文件,内联 CSS 与内联 SVG;不用外部字体、JS、图片、渐变、发光、装饰性色块或远程资源;使用语义色而非彩虹序列(中性、输入、处理、存储、外部、风险);先画连接线再画节点,使箭头位于方框之后;每条连接路径 fill="none",有向时加 marker 箭头;方框内留 24px 文字内边距,不让文字贴边;仅当符号/颜色不明显时加图例。模板用 references/svg-template.md 作为外壳并替换 <!-- SVG -->。
Excalidraw 规则:保存 .excalidraw JSON,含 type、version、source、elements、appState;形状标签用绑定文本,不用非标准 label 属性;绑定文本紧跟其容器之后放入 elements 数组;带标签形状最小 120x60,正文最小 16px;使用 roughness 1、fontFamily: 1 和简单填充;精确元素片段见 references/excalidraw-patterns.md。
限制:资料未提供收费、价格、具体平台支持或完整命令等信息;输出格式偏好不明确时才可追问一个问题。