General 47 installs

lark-whiteboard-cli

by larksuite/cli

当用户要求或使用飞书画板绘制架构图、流程图、思维导图、时序图或其他可视化图表时使用此 skill,作为使用 whiteboard-cli 设计图表布局的指南

Skill content

Design diagrams, flowcharts, mind maps, sequence diagrams, and visualizations for Lark whiteboards using whiteboard-cli.

- Supports DSL path for precise layout control (architecture, swimlane, fishbone, bar/line charts, flowcharts) and Mermaid path for auto-layout diagrams (mind maps, sequence diagrams, class diagrams, pie charts)

- Requires Node.js 18+ and @larksuite/whiteboard-cli with lark-cli for rendering and uploading to Lark documents

- Workflow includes three steps: route diagram type and read relevant guides, generate complete DSL with colors and icons, render PNG and validate before delivery

- Includes mandatory dry-run check before uploading to existing whiteboards to prevent accidental data loss; supports uploading to new or existing Lark whiteboard tokens

[!NOTE]
环境依赖:绘制画板需要 @larksuite/whiteboard-cli(画板 Node.js CLI 工具),以及 lark-cli(LarkSuite CLI 工具)。
如果执行失败,手动安装后重试:npm install -g @larksuite/whiteboard-cli@^0.2.0

[!IMPORTANT]
执行 npm install 安装新的依赖前,务必征得用户同意!

Workflow

这是画板,不是网页。 画板是无限画布上自由放置元素,flex 布局是可选增强。

Step 1: 路由 & 读取知识
  - 判断渲染路径(见路由表):Mermaid 还是 DSL?
  - 读对应 scene 指南 - 了解结构特征和布局策略
  - 确定布局策略(见下方快速判断)和构建方式
  - 读 references/ 核心模块 - 语法、布局、配色、排版、连线