我出脑图,codeX直接给我在飞书文档中画出泳道图

1 评论 601 浏览 1 收藏 7 分钟

从脑图到飞书泳道图的转化难题,如何通过AI工具实现无缝衔接?本文揭秘利用CodeX与飞书CLI工具的高效组合拳,绕过中间格式转换的繁琐步骤,直接在飞书中生成可编辑的原生表格泳道图。更关键的是,作者将整个流程沉淀为标准化资产,为重复性工作构建可持续复用的解决方案。

这篇文章记录一个很具体的实战过程:

我想把一张脑图,转换成飞书里的泳道图;上篇文章记录了codeX把脑图转流程图的过程,但中间需要通过draw中转一下 降低了效率,输出的结果因为不是飞书手工拖拽模版生成的表格式泳道图,导致后续修改起来不是很友好。后面经过探索,发现了新路径,使codeX调用工具直接在飞书中创建原生的表格式泳道图,后续修改也变的友好。

直接上教程:

一、这次实际用到的工具

1. Codex

不用多说,大家都知道。

2. `lark-cli`

这是飞书的一个工具,也是整个链路里非常关键的工具。如果你的办公都在飞书中,那我极力推荐这个工具。在飞书官网上有明确的安装教程,如果使用codeX安装,那就更方便了。

这一步看起来麻烦,但只要第一次打通,后面就顺了。

我安装完这个CLI后,在安装cli的这个对话框中codeX能操作飞书;但是在新开的对话框中,codeX就不能操作飞书。所以,我把codeX这个工作技能写成的一套skill,以后无论哪个对话框,我都很方便调用这个skill。

3. `whiteboard-cli`

如果只是普通文档写入,`lark-cli` 就够了。

因为我想写的泳道图是飞书里“手工拖拽模板”的原生白板效果,就需要 `whiteboard-cli`。

4. 本地 Node 环境

如果你做过开发,那一定有装这个环境,如果没有,那记住,让codeX给你装独立Node 环境

二、我是怎么跟 Codex 沟通

1,我先问codeX能根据我的脑图输出泳道图吗,我应该怎么提问,给我提示词。下图就是我问codeX的问题,他给我的回答是,可以输出泳道图,并且教给我怎么提问。

2,我按照他给的提示词,提出问题,并且把我画的脑图扔给他。

他很快输出了流程图,但不是泳道图,跟我的预期差距很大。

他生成的是类似这样结构的流程图(原本生成的图找不到了,我找了一个结构类似的来说明问题)

3,我又问他,怎么生成飞书原生的泳道图,并且我把我想要的泳道图样子,截图发给他。很快他就识别出我要的泳道图样子是飞书原生的表格泳道图,并告诉我,要生成表格泳道图需要安装的工具。并指引我一步一把工具安装完成。

4,安装完成后,我整理提示词,把需求在此告诉他,结果,他很快生成了我期待的泳道图,我尝试了编辑修改,拖动等功能,跟我在飞书手搓的泳道图一模一样。

5,根据我的审美,我提出具体要求,让他帮我美化了一下。

七、把我沟通的整套流程沉淀成固定资产

我最后没有只停在“图已经画出来”,而是继续做了资产化。

本地我沉淀了 5 类内容:

1. 流程需求采集模板

目的不是为了写文档,而是为了以后每次提需求都能标准化。

2. 标准提示词模板

这个最实用。

以后只要复制提示词模板,再把内容填进去,就可以直接发给 Codex。

3. 飞书泳道图风格规范

这是为了避免每次图都长得不一样。

我把这次已经验证过的风格抽出来了,包括:

  • 表格式泳道结构
  • 标题区和泳道栏样式
  • 普通节点颜色
  • 判断节点颜色
  • 开始/结束节点颜色
  • 连线颜色

4. 仓储业务流程示例模板

我把调拨、盘点、入库、出库这些典型流程,整理成了标准示例。

以后新流程不需要从零描述,可以直接仿照写。

5. 脑图转泳道图工作流

这个文件描述的是方法,不是内容。

也就是:

  • 先准备原始输入
  • 再补业务信息
  • 再用标准提示词
  • 再指定风格来源
  • 再复核结果
  • 最后沉淀模板

结语

这次我表面上是在做“脑图转流程图”,本质上是在做一件更长期的事:把一次临时需求,变成一条可复用的工作链路。

如果以后类似需求会反复出现,那最值得投入的,往往不是把某次结果做得多漂亮,而是把方法沉淀下来。

对我来说,这次最大的收获不是那张流程图本身,而是以后再遇到同类需求时,我不需要从头再做一遍了。

本文由 @会员 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 资产沉淀这部分确实很到位。把风格规范、提示词模板都固定下来后,团队里其他人也能复用,而且输出统一。如果能再搭配一个飞书文档里的快捷入口,那就是真正的低代码流程了。

    来自广东 回复