🦞 养虾系列- · 真实场景下用 AI Agent 解决工作问题的实战记录第12篇目标:今天深度解析如何用agent帮我们画好流程图。 |
|---|
🦞 养虾系列 · 第12篇 · 第二季「龙虾改变工作」
我跟龙虾磨了N个版本才摸清的全套路
最近,后台收到最多的私信之一是这个:
"Louis,流程图能让AI画吗?我试了,画出来乱七八糟的,节点位置全是错的。"
"泳道流程图让它画了3遍,每次节点都飘到别的泳道里去了,不如我自己用Visio画。"
看到这些消息我会心一笑,因为我自己也翻过车——而且翻得很彻底。
尽管我下载了drawo skill,但第一版让龙虾画的流程图,基本不可用,存在不少逻辑和计算错误:节点落错泳道、系统行不对齐、业务术语用错、校验形同虚设。
但经过多个版本迭代,我摸出了一套完整SOP。现在龙虾画出来的泳道流程图,我只需要微调3-5个地方就能直接用。
更有意思的是,龙虾可以通过我调整好的版本来进行对比,学习到哪些不足,并更新到skill里,下次不会再犯同样的毛病。
这个是最终达到的效果:

01 PART
大部分人让AI画流程图的方式是这样的:
"帮我画一张流程图,包含客户下单、审批、交付这几个环节。"
然后AI吐出一张图。你打开一看——节点倒是有了,连线也有了,但是:客户的节点跑到了交付团队的泳道里,审批判断节点的"是"和"否"两条线叠在一起,有个节点是孤岛跟谁都没连。
这不是AI画图能力差。这是你没告诉它"规则"。
打个比方:你请了一个实习生帮你画流程图,但你只说了"画一张流程图",没告诉他泳道怎么分、节点放哪个位置、连线怎么走。凭直觉画出来的东西,大概率就是这个效果。
02 PART
【目标】:我要生成的就是刚才上边最终这么个分多个项目阶段/子阶段,跨部门的多个不同角色的一个端到端的业务流程图;
下面具体演示我是如何从“混乱”做到基本可用,再到复用“稳定”输出的
吃灰用法 ❌ | 我的用法 ✅ |
|---|---|
"帮我画一张流程图" | "帮我画一张4角色泳道流程图,先出文本方案,确认后再生成drawio" |
"加一个审批节点" | "在方案设计阶段的售前泳道里,加一个'技术可行性判断'菱形节点" |
"连线乱了,帮我整理" | "回退线从判断节点顶部出发,走L形绕行,不要和正向线重叠" |
一句话画完直接用 | 需求澄清→文本方案→约束求解→自校验→微调(Skill化) |
【第一个版本】我是先安装了一个 mydrawio 技能,然后就开始描述我想要的流程图长什么样了;

结果可想而知,我输入了一大段文字,自认为详细描述了我想要的协作流程,第一版的到的效果非常差;角色/泳道/活动这些都是错的。
【第二个版本】
我意识到自己都没把跨部门协作的流程想清楚,连最基本的阶段/子阶段/角色/活动,我都没有完全梳理出来并输入给AI。
于是,我告别许愿式的玩法,将上述信息一一描述给到,此时我得到了略好的第二个版本;但是,它活动与活动之间的连线,部分活动之间的空间,部分活动超出了应该在的泳道。
【第三个版本】
转折点在第3版——我意识到问题不在"AI画不好",而在于我们少了一个沟通明确的过程。
于是,我缩小了范围,不一开始追求完整的流程图,而是仅聚焦在第一阶段,把第一个阶段画好。
【第四个版本】
尽管多次交互修改,但我发现输出的架构图在活动比较密集的区域,还是存在多个框图重叠/挤压/线条混乱的情况。归根结底,是它对于审美和结构方面理解不行。无论我怎么描述,它也理解不了。
所以我想了个方案,在生成的文件上手动进行调整,并且让他学习一下新版本(结果,他就咔咔咔总结出来自己对于空间理解上的问题,一下子就学会了)
最终,我们就形成了这个“Diff学习“的环节,这是个典型的人和AI协作的思路,把人的判断和空间感知这些偏好,传递给AI的一个思路。

03 PART
总体流程:
🎉 在经过了多次打磨调整后,这些经验已经沉淀成了一个可复用的SOP和skill。

这套Skill和工作流并不要求我们一次性输入所有内容,而是在现有框架下和你一步步协作帮你理清楚流程,然后给你画出来。人工调整后不满意,再优化迭代,非常实用!
下面随便选取一个案例,来看下效果:
用户:帮我画一个 IT 服务台的工单处理流程图。

用户:
目的是优化现有流程,给 IT 团队讨论用。角色就这三个。
主线:员工提工单 → 服务台初判 → 服务台直接解决(如密码重置)→ 关闭;如果服务台解决不了 → 转技术工程师 → 解决 → 关闭。
异常:工程师需要补充信息 → 打回给员工。
支撑系统:企业微信提单、Jira 记录。阶段:P1 提单、P2 服务台处理、P3 工程师处理、P4 关闭。AI:信息很完整,直接进 Phase 2 确认方案。
## Phase 2:文本方案确认
### 表1:泳道结构
| 泳道 | 代码 | 颜色 | 节点 |
|------|------|------|------|
| 员工 | lane_user | 蓝
#DCEEFB
| n1, n8, n9 |
| 服务台 | lane_desk | 橙
#FFE0B2
| n2, n3, n4, n5 |
| 技术工程师 | lane_eng | 绿
#DCEDC8
| n6, n7 |
| 支撑系统 | lane_sys | 灰
#F5F5F5
| ns1, ns2 |
### 表2:节点清单
| 节点ID | 名称 | 类型 | 泳道 | 阶段 |
|--------|------|------|------|------|
| n1 | 企业微信提交工单 | 矩形 | 员工 | P1 |
| n2 | 工单初判(分类/优先级) | 矩形 | 服务台 | P2 |
| n3 | 服务台能否解决? | 菱形 | 服务台 | P2 |
| n4 | 服务台直接处理(如密码重置) | 矩形 | 服务台 | P2 |
| n5 | 转派技术工程师 | 矩形 | 服务台 | P2 |
| n6 | 工程师处理工单 | 矩形 | 技术工程师 | P3 |
| n7 | 需要补充信息? | 菱形 | 技术工程师 | P3 |
| n8 | 员工补充信息 | 矩形 | 员工 | P3 |
| n9 | 员工确认解决 | 矩形 | 员工 | P4 |
| n10 | 关闭工单 | 矩形 | 服务台 | P4 |
| ns1 | 企业微信(提单入口) | 圆柱 | 支撑系统 | P1 |
| ns2 | Jira(工单记录) | 圆柱 | 支撑系统 | P2-P4 |
### 表3:连线关系
| 起点 | 终点 | 标签 |
|------|------|------|
| n1 → n2 | | |
| n2 → n3 | | |
| n3 → n4 | 能解决 |
| n3 → n5 | 解决不了 |
| n4 → n9 | 处理完成 |
| n5 → n6 | |
| n6 → n7 | |
| n7 → n8 | 需要补充信息 |
| n7 → n9 | 已解决 |
| n8 → n6 | 补充后重新处理 |
| n9 → n10 | 确认解决 |
**自检:**
- ✅ 所有节点有泳道归属
- ✅ 菱形 n3、n7 都有 ≥2 条出线
- ✅ 无孤岛节点
- ✅ n8 补充信息后回路到 n6(回退线)
- ✅ 支撑系统 ns1/ns2 贯穿对应阶段
---
**确认问题:**
1. 工单关闭(n10)放在**服务台**泳道合适吗?还是放员工泳道(由员工确认后自动关闭)?
2. **布局偏好**:水平展开(阶段从左到右)还是纵向(从上到下)?IT 团队讨论用的话建议**水平展开**,更直观。
3. 回退线(n8→n6)需要特殊标注颜色吗?
确认后立即生成并推送 MCP 预览。用户:
工单关闭(n10)放在服务台泳道 布局偏好:
水平展开(阶段从左到右)
回退线(n8→n6)需要特殊红色AI:Phase 3 — 约束求解生成。
布局计算:
画布:1600×700px,4阶段列,4行泳道
列宽:P1=240, P2=360, P3=400, P4=280(含边界走廊40px)
泳道高:员工/服务台/工程师=130px,支撑系统=100px
回退线 n8→n6 走底部走廊,红色虚线
……
AI:生成后立即运行自校验,结果如下:

可以看到上述环节,龙虾也给了一些调整建议,这里我就手动把对应的间距和线条调整一下。

用户:我修改好了,你学习一下
AI:获取用户调整后的最新图表XML

04 PART
维度 | 以前(Visio手动画) | 现在(龙虾+SOP) |
|---|---|---|
中等流程图耗时 | 一整天(6-8小时) | 10分钟 |
改一个逻辑节点 | 30-60分钟 | 5分钟(文本改一行) |
"领导说换个角度" | 推翻重画 | 调文本方案,重新生成 |
06 PART
这个案例展示了从描述流程图需求到AI 交付再到修正学习的完整协作闭环,是人和AI协作的又一个具体应用。
💬 你让AI画过流程图吗?翻车了还是真香了?