大家好，我是 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

閱讀 larksuite/cli 的 README，用 畫板Skills 選擇合適的圖表，生成信息量足夠詳細的 CheatSheet，寫入到文檔

CheatSheet 渲染效果非常好——暗色主題、三欄布局、代碼示例清晰、視覺層次分明

桑基圖

這個我用的本地數據，經過數據分析，生成桑基圖

我的數據不太適合，其實完全可以更加美觀和貼近實際，比如電商流量從「來源 → 落地頁 → 用戶行為」的三層流動

設計UI頁面-電腦端，手機端

還是我的本地數據，只讓他抽取主要字段，設計數據分析看板 UI

同時還有手機端版本

雖然是分開展示的，上面兩個任務其實是一次完成的

生成產品線路圖

這種線路圖（復盤產品史、版本演進、迭代節奏）也蠻適合放入到PPT中的，其實不需要懂的設計細節，交給模型和Skills就行了

在文檔末尾畫一張 Claude 模型家族的路線圖，從 Claude 1 到 Claude Opus 4.7，時間軸橫向，上下交替卡片，每個節點寫清楚發布時間和關鍵能力 畫泳道圖

電商用戶下單泳道圖 (5 泳道 x6 階段，9 條連線)

電商平臺微服務架構圖 (5 層：接入→網關→服務→中間件→存儲)

它的實力遠不止此，比如它還可以繪制插畫

房屋平面圖

甚至是元素周期表

這套工作流真正值錢的地方

不是「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

官方推薦的寫法：

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

中間接著 CLI 會自動彈出一個二維碼，用飛書掃碼或者點鏈接

按引導把這臺機器和你的飛書賬號綁一下，得到一組 app credential

這步完成后，所有 lark-cli docs、lark-cli whiteboard 等命令就都能調用了

4. 讓 Agent 用上畫板

上面步驟完成，都是全局級的，Claude Code、Cursor、Hermes、甚至龍蝦都可以用了

制作不易，如果這篇文章覺得對你有用，可否點個關注。給我個三連擊：點贊、轉發和在看。若可以再給我加個，謝謝你看我的文章，我們下篇再見！