首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >会议纪要、架构图、流程图,AI Agent 直接生成可编辑飞书画板

会议纪要、架构图、流程图,AI Agent 直接生成可编辑飞书画板

作者头像
轻松玩K技
修改2026-06-24 14:24:41
修改2026-06-24 14:24:41
2360
举报
文章被收录于专栏:工具分享工具分享

用飞书画板整理会议纪要、业务流程图、系统架构图时,我经常卡在一个很实际的问题上:内容已经理顺了,图却怎么看都不太对。

自己配色,容易做出陈旧的 PPT 感;照着参考图临摹,最后往往只能贴一张截图,想改几个字还得重新做;直接让 AI 画飞书白板,又很看运气,排版、样式和渲染都有可能翻车。

最近看到一个开源项目,叫 Beautiful Feishu Whiteboard

它给 AI Agent 准备了 35 套配色方案,还整理了一套飞书画板渲染规则。

有了这个 Skill,Agent 不只是帮你“画一张图”,而是可以把会议纪要、复盘总结、流程梳理、架构说明这些内容,生成到飞书文档里的可编辑画板中。

文字、色块和线条都能继续调整,不是一张只能看的截图。


这个 Skill 实际管什么

Beautiful Feishu Whiteboard 是一个写给 AI Agent 的 Skill,适合 Claude Code 这类能够读取 SKILL.md 的工具。

它主要管两件事。

第一件是配色。项目内置了 35 套风格,从克制、清爽到明亮、活泼都有。做项目汇报可以选稳重一点的方案,整理流程可以用清爽的配色,脑暴或活动策划则可以大胆一些。

第二件是渲染规则。飞书画板并不完整支持 SVG 的所有效果。透明度、渐变、模糊等写法,在别的工具里可能很正常,放进飞书后却可能渲染失败,或者直接变成无法编辑的静态图。

项目把这些限制整理到了 RULES.md。Agent 在画图前先读规则,能少踩不少坑。

布局还是靠 Agent 按内容安排,Skill 只是审美参考 + 施工规范,不会自动排好看。最终效果取决于内容清不清楚、要求够不够具体。

因此我更推荐具备多模态能力的 Agent 来使用该技能。


可编辑,才是它真正有用的地方

现在能生成 PNG、SVG 的 AI 绘图工具很多。

做封面图可以,但流程图、架构图、会议纪要这类东西,之后大概率还要改——改人名、挪节点、加结论,都是常事。

加上 Agent 生成的产物有盲盒属性,如果只是一张图,每改一次都很别扭。

Beautiful Feishu Whiteboard 会把内容写进飞书原生画板。

生成成功后,你可以继续改文字、移动色块、调整连线,也可以交给同事接着编辑。

对需要反复更新的工作内容来说,这比一次生成得多漂亮更重要。


使用前要准备什么

前置条件:

  • 一个能读取 Skill 的 Agent,比如 Claude Code 这类 Coding Agent;
  • Node.js 20 或更高版本;
  • 一个已经授权的飞书或 Lark 账号。

第一步:检查 Node.js

先打开终端。Windows 用户可以用 PowerShell 7,macOS 或 Linux 用户直接打开终端。

输入:

代码语言:javascript
复制
node -v

如果显示 v20.x.x 或更高版本,说明 Node.js 版本够用。

再检查一下 npx

代码语言:javascript
复制
npx -v

只要能正常显示版本号,就可以继续往下走。

第二步:安装并授权飞书 CLI

安装飞书 CLI:

代码语言:javascript
复制
npm install -g @larksuite/cli

初始化配置:

代码语言:javascript
复制
lark-cli config init

登录并授权飞书账号:

代码语言:javascript
复制
lark-cli auth login

至少授权文档和云盘两个权限。后面生成的画板需要写进飞书文档,如果没有完成授权,Agent 就没法正常创建画板。

第三步:安装 Skill

如果你用的是 Claude Code 这类 Agent,可以直接把这句话发给它:

代码语言:javascript
复制
帮我从 github.com/zarazhangrui/beautiful-feishu-whiteboard 安装 beautiful-feishu-whiteboard 这个 skill。

也可以手动安装(这是项目级安装,只在当前项目里使用):

代码语言:javascript
复制
npx skills add zarazhangrui/beautiful-feishu-whiteboard

如果希望全局可用,可以加上 -g

代码语言:javascript
复制
npx skills add zarazhangrui/beautiful-feishu-whiteboard -g

不确定选哪个的话,建议先用项目级安装,跑通后再考虑全局安装。


几个可以直接改的提示词

环境和授权配置好后,就可以直接用自然语言提需求。

做会议纪要时:

代码语言:javascript
复制
1. 根据会议链接【xxxx】中和我相关的会议记录,
2. 用 beautiful-feishu-whiteboard 这个skill 
3. 画一张我专属的会议纪要信息图。包含:会议基本信息(主题/时间/参会人)、议题讨论详情及结论、关键决策列表、量化数据卡片(预算/时间节点)、8条行动项(含Owner和DDL)、风险提示等关键信息。要求信息保持清晰、完整、准确。

画宣传海报时:

代码语言:javascript
复制
1. 用 beautiful-feishu-whiteboard 这个skill,
2. 根据【活动文档】
3. 用画板制作一个活动宣传海报,输出我画板链接


解释抽象概念时:

代码语言:javascript
复制
用一张飞书画板解释 LLM 训练的三个阶段,给非技术读者看。使用清晰的分区和简短文字,每个阶段标出输入和输出。

把用途、阅读对象和想突出的信息说清楚,通常比堆一串“专业、简洁、高级”的形容词更有效。

总结

Beautiful Feishu Whiteboard 的价值,不只是让飞书画板变好看。

更准确地说,它让 AI Agent 有机会真正参与到飞书画板工作流里:

把会议纪要、复盘总结、项目方案、业务流程、系统架构这些原本散在文档里的内容,整理成一张结构清晰、可以继续编辑的飞书画板。

这就很适合做“一图流汇报”。

以前我们可能要先整理文字,再手动画框、配色、连线、排版。

现在有了这个 Skill,Agent 可以根据内容直接生成飞书画板,把信息分区、层级关系和重点结论先搭出来。

后面不满意,再在飞书里继续改文字、调位置、换颜色。

如果你平时经常用飞书做会议纪要、复盘总结、项目汇报或架构说明,这个项目值得试一下。


项目地址:

代码语言:javascript
复制
https://github.com/zarazhangrui/beautiful-feishu-whiteboard
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-06-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 轻松玩科技 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 这个 Skill 实际管什么
  • 可编辑,才是它真正有用的地方
  • 使用前要准备什么
    • 第一步:检查 Node.js
    • 第二步:安装并授权飞书 CLI
    • 第三步:安装 Skill
  • 几个可以直接改的提示词
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档