大家好,我是 Ai 学习的老章

写文档,最烦的不是码字,是画图

写到一半要补个架构图,得切到 draw.io; 流程图画完老板让改个节点,全乱了; PRD 里画个泳道图,对齐对到眼瞎; 好不容易截图贴进文档,又要改——再来一遍

最近发现飞书 CLI 在 Github 上居然超过 10000Star 了,安装上研究了一下,和 Agent 说一句话,就可以在飞书文档里生成各种各样的画板了,生成的各种图,统统可以二次编辑,整个工作流瞬间变的畅通无阻了

举个例子

老章是金融行业的,看到优秀的 AI+ 金融研究方向,不但自己要看懂,有时候还需要分享给领导

用飞书画板 Skills 设计成 PPT,直接在飞书文档中修改,直接发给领导,岂不美哉?

比如这个 PDF 文件

打开网易新闻 查看精彩图片

我的指令:

阅读 Claude-for-the-financial-industry-05012026_v4.pdf 后在飞书 CLI 新建一个文档,用 design-lark-chart 总结成 16:9 信息图 PPT,页数根据信息量自行安排,anthropic 风格,将 PPT 插入新建的文档中

效果如下:

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

这些 PPT 不是图片,都可编辑修改

飞书 CLI + Skills +Claude Code

完成上面任务,主要靠飞书 CLI + Claude Code,以及飞书 CLI 自带的画板skill

飞书 CLI 是开源的(github.com/larksuite/cli),简单理解就是一行命令把整个飞书后台塞进 AI Agent 的工具箱——日历、消息、文档、表格、画板、邮件、会议……18 个业务域、200+ 命令、26 个 AI Agent Skill,MIT 协议,npm 一行命令安装:

npx @larksuite/cli@latest install

我最感兴趣的 lark-whiteboard 画板能力也在其中

打开网易新闻 查看精彩图片

画板 Skills 它可以:

  • 读文档 → 找出里面的画板 → 导出预览图 / Mermaid / PlantUML / 原始节点 JSON

  • 给一个空白画板,喂 SVG / Mermaid / PlantUML / 原生 DSL ,渲染成可编辑画板对象写回文档

  • 已有画板上改文字、改颜色、改结构

也就是说,你在 Cursor / Claude Code / Codex 里跟 AI 说一句「帮我在这个飞书文档里画个鱼骨图分析延迟问题」,AI 就直接把可编辑画板塞进文档了——不是图片,是活的

 玩法探索
打开网易新闻 查看精彩图片
玩法探索

我在文末再更加的介绍详细安装,配置、Claude Code/AI Agent 工具对接

先看看飞书画板 Skills 的实力和玩法

生成思维导图

扔一个链接,抽取核心内容,生成思维导图

打开网易新闻 查看精彩图片

思维导图中的任意内容都可以随意修改

 制作高信息密度 CheatSheet
打开网易新闻 查看精彩图片
制作高信息密度 CheatSheet

阅读 larksuite/cli 的 README,用 画板Skills 选择合适的图表,生成信息量足够详细的 CheatSheet,写入到文档

打开网易新闻 查看精彩图片

CheatSheet 渲染效果非常好——暗色主题、三栏布局、代码示例清晰、视觉层次分明

桑基图

这个我用的本地数据,经过数据分析,生成桑基图

打开网易新闻 查看精彩图片

我的数据不太适合,其实完全可以更加美观和贴近实际,比如电商流量从「来源 → 落地页 → 用户行为」的三层流动

 设计UI页面-电脑端,手机端
打开网易新闻 查看精彩图片
设计UI页面-电脑端,手机端
打开网易新闻 查看精彩图片

同时还有手机端版本

打开网易新闻 查看精彩图片

虽然是分开展示的,上面两个任务其实是一次完成的

 生成产品线路图
打开网易新闻 查看精彩图片
生成产品线路图

这种线路图(复盘产品史、版本演进、迭代节奏)也蛮适合放入到PPT中的,其实不需要懂的设计细节,交给模型和Skills就行了

打开网易新闻 查看精彩图片

在文档末尾画一张 Claude 模型家族的路线图,从 Claude 1 到 Claude Opus 4.7,时间轴横向,上下交替卡片,每个节点写清楚发布时间和关键能力 画泳道图

电商用户下单泳道图 (5 泳道 x6 阶段,9 条连线)

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

它的实力远不止此,比如它还可以绘制插画

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

这套工作流真正值钱的地方

不是「AI 帮你画图」——AI 画图的工具一抓一大把,DALL-E、Mermaid Live、Excalidraw + Copilot 都行

是「画完之后还能继续协作改

维度

传统 AI 画图

飞书画板(lark-cli)

产出形式

PNG / JPG 图片

飞书画板对象(矢量节点)

二次编辑

重新写 prompt 再生成

双击节点直接改

协作

截图 → 微信群 → 评论

文档内多人同时改

沉淀

散在硬盘 / 聊天记录

跟文档一起进知识库

改一处

整张重画

只动那一个节点

对企业用户、对团队、对长期维护的文档体系——这个差异是质变

适合谁

  • 产品经理 :PRD 里画流程图、泳道图、状态机,不用再切 Figma

  • 后端 / 架构师 :架构图、时序图、依赖关系图,跟着文档一起改

  • 创业团队 CEO :商业模式画布、价值金字塔、增长飞轮,给投资人看的图也是活的

  • 写技术博客的同行 :写技术稿配图,AI 一句话出来,飞书文档导出再贴公众号也行

安装:从零安装到能跑

最简单的方式是交给Agent

打开网易新闻 查看精彩图片

手动安装也可以,可以清楚了解完整过程

1. 环境要求

只需要 Node.js(带 npm / npx)就够了,我这边是:

$ node -v
v24.13.0
$ npm -v
11.6.2
2. 一行命令安装

官方推荐的写法:

npx @larksuite/cli@latest install

跑下来会有几个交互:

  • 先问 Ok to proceed? 直接 y

  • 然后选语言「中文 / English」,选中文

  • 然后它会自动做两件事:

    1. 全局安装 @larksuite/cli (v1.0.39)

    2. 全局安装 26 个 Skills 到 ~/.claude/skills/

装完之后我看了下 skills 目录:

$ ls ~/.claude/skills | grep -i lark
lark-approval lark-base lark-calendar
lark-contact lark-doc lark-drive
lark-event lark-im lark-mail
lark-markdown lark-minutes lark-okr
lark-openapi-explorer lark-shared lark-sheets
lark-skill-maker lark-slides lark-task
lark-vc lark-vc-agent lark-whiteboard ⭐
lark-wiki lark-workflow-meeting-summary
lark-workflow-standup-report lark-apps lark-attendance

二十多个 skill 一次到位,今天的主角 lark-whiteboard 已经躺在里面了

验证一下 CLI 可用:

$ lark-cli --version
lark-cli version 1.0.39
3. 应用配置(一次性)

中间接着 CLI 会自动弹出一个二维码,用飞书扫码或者点链接

打开网易新闻 查看精彩图片

按引导把这台机器和你的飞书账号绑一下,得到一组 app credential

打开网易新闻 查看精彩图片

这步完成后,所有 lark-cli docslark-cli whiteboard 等命令就都能调用了

 4. 让 Agent 用上画板
打开网易新闻 查看精彩图片
4. 让 Agent 用上画板

上面步骤完成,都是全局级的,Claude Code、Cursor、Hermes、甚至龙虾都可以用了

制作不易,如果这篇文章觉得对你有用,可否点个关注。给我个三连击:点赞、转发和在看。若可以再给我加个,谢谢你看我的文章,我们下篇再见!