Reladraw：把图表布局写成一句话，专给 AI 代理用的绘图语言

GitHub 项目页显示，一款名为 reladraw 的新工具本周发布：这是一种用文字描述图表布局的"语言"，卖点是让使用者自己决定东西摆在哪里，而不是交给自动布局算法，也不用像绝对定位工具那样手动拖坐标。

两类现有工具的取舍

现有图表工具大致分两类。一类是 Mermaid、Graphviz、D2 这样"声明关系、自动排版"的工具：说清楚有哪些节点、怎么连，剩下交给算法，用起来快；但一旦使用者心里已有具体的图、想让某模块摆在右边，自动布局就无能为力。另一类是 draw.io、Excalidraw、Figma 这样的绝对定位工具：给使用者完全的摆放自由，代价是复杂图表的每次修改都要靠手工拖拽——项目页写道，这对人来说慢，对负责改图的 AI 代理更慢，因为代理得先从坐标反推现在的布局，才能决定改哪些数字。

图源：reladraw 项目文档（GitHub）

reladraw 怎么写位置

reladraw 想做的是中间地带：每个位置都相对另一个东西写出来，不出现坐标，例如 node store "Database" right of app level with app，即"数据库在 app 右边，且与 app 顶部对齐"。项目页强调这个区别对 AI 代理尤其重要："意图可确认，结果不可确认"——代理能靠重读文件确认摆放意图，但排版求解器算出的结果（分组会不会重叠、文字会不会溢出、连线会不会穿过别的元素）还需要靠工具自带的诊断功能确认，作者说明这部分目前还没做。

给 AI 代理用的技能包

因为这门语言足够新，任何大模型的训练数据里都没见过，项目直接打包了一份"agent skill"教代理认识语法，安装命令是 npx skills add reladraw/reladraw -g，会自动装进 Claude Code、Codex、Cursor、Copilot 等工具各自的 skills 目录。当前版本 0.7.1，作者形容"早期，但能跑"：一个 TypeScript 写的解析器、求解器和 SVG 渲染器，没有运行时依赖。文档坦承还有几块没做：诊断报告、绕开节点的连线路由（现在的连线是直线，会穿过挡路的东西）、更多现成图形；语法本身也还不稳定。

接下来看什么

受影响的主要是用 AI 编程助手做系统设计、又需要保留精确排版意图的开发者——过去只能在"自动排版但没法精确摆放"和"精确摆放但改起来慢"之间二选一。想尝鲜可执行 npm install -g reladraw，或在项目主页的在线编辑器里改源码看图重新求解。接下来要看的是语法能不能稳定下来——作者已说明"预期语法会变"，装进代理的技能包不会随版本自动刷新，需要手动重装。