diagram-design开源项目接入WorkBuddy，AI可按4px网格自动生成专业架构图

在技术方案交付环节，一张清晰、专业的业务架构图往往决定客户第一印象。过去，从业者常耗费数小时手动调整框体大小、箭头对齐与配色，稍有修改便需整体重排。近期，一种结合开源工具与国产 AI 办公平台的新工作流开始在职场中落地：将 GitHub 上高星项目 diagram-design 接入腾讯 WorkBuddy 工作台，使 AI 能依据自然语言描述，自动生成严格遵循 4px 坐标网格的专业架构图。

diagram-design 由开发者 Cathryn Lavery（LittleMight）维护，截至 2024 年 10 月 26 日，该项目在 GitHub 获得 59.3k 星标（注：图中显示为 62,113 stars，系页面缓存差异，原文明确提及 59.3k）。其核心并非传统绘图软件，而是一套嵌入 AI Agent 的排版设计规范——内置 45 种基于 HTML + 内联 SVG 的模板，全部采用 1px 细线、零阴影设计，并通过 WCAG-AA 对比度验证，确保视觉一致性与可访问性。

该工具支持生成的图表类型远超常规流程图范畴，涵盖架构图、时序图、状态机、ER 模型、泳道图、甘特图、桑基图、鱼骨图、Wardley 地图、UML 类图及用户旅程图等。输出格式包括 HTML、SVG 与 PNG，可直接嵌入投标书或汇报材料；同时兼容 .drawio、Mermaid 和 .excalidraw 等已有文件导入后重新排版。

值得注意的是，diagram-design 本身为 AI Agent 技能模块，版本信息在不同元数据中略有差异：GitHub 仓库 plugin.json 标注为 2.6.136，SKILL.md 元数据为 2.6，摘要页为 2.6.120。它原生适配 OpenCode、Claude Code、Codex、Cursor 与 GitHub Copilot 等开发环境。但对非技术背景用户而言，更实用的路径是将其集成至面向办公场景的 AI 工作台。

腾讯推出的全场景 AI 办公工作台 WorkBuddy（官网：www.workbuddy.cn 或 www.workbuddy.ai），正成为该能力落地的关键载体。WorkBuddy 支持自主规划任务、调用工具链、生成结构化文件，并已打通微信、企业微信、腾讯文档与腾讯会议。其跨平台特性覆盖 Windows、macOS、Linux、鸿蒙系统及手机小程序，降低了企业级部署门槛。

安装完成后，AI 助手即具备“像素级排版”能力。用户只需以自然语言描述业务逻辑，例如“用户登录后经鉴权服务跳转至订单中心，订单中心依赖库存与支付两个微服务”，AI 即可自动调用 diagram-design 模板，生成对齐 4px 网格、节点间距统一、连线无交叉的专业架构图。

为保障敏感信息合规，实践中常搭配豆包或腾讯元宝进行文本脱敏处理——先将原始业务文档中的公司名、接口地址等替换为骨架占位符，再输入 WorkBuddy 生成图表，最后本地回填真实名称。这一闭环流程已在多个投标方案优化案例中验证有效。

从行业趋势看，此类“AI+设计规范”的组合代表了低代码可视化工具的新方向。传统绘图依赖人工经验与反复试错；而 diagram-design 将设计规则编码为可执行约束，使 AI 输出从“可用”迈向“可用且专业”。尤其在政企招投标、系统集成方案等强交付导向场景中，标准化图表已成为方案可信度的重要组成部分。

目前，该方案尚未形成商业化产品形态，仍以开源技能+工作台集成方式运行。但腾讯汤道生曾公开表示，WorkBuddy 将开放架构，支持企业自建 Agent 网络——这意味着未来企业可将 diagram-design 类技能封装为内部标准组件，嵌入自有流程引擎。

对于一线方案工程师而言，这套组合的价值在于将重复性排版劳动彻底自动化。以往需 2 小时完成的架构图，在新流程下可在 5 分钟内生成初稿，并支持快速迭代。尽管 AI 生成结果仍需人工校验逻辑完整性，但视觉层面的规范性已大幅提升交付质量。

随着更多设计约束被转化为机器可执行规则，AI 辅助设计正从“生成草图”向“生成出版级成品”演进。diagram-design 与 WorkBuddy 的结合，提供了一个轻量、高效、可复用的技术范本。