lark-whiteboard-cli

Installation
Summary

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
SKILL.md

[!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/ 核心模块 — 语法、布局、配色、排版、连线
Installs
16.8K
Repository
larksuite/cli
GitHub Stars
14.1K
First Seen
Apr 10, 2026
lark-whiteboard-cli — larksuite/cli