lark-whiteboard

Generate and render diagrams in Lark docs via Mermaid or DSL paths.

Updated Feb 14, 2026
One-click install
npx skills add https://github.com/liutao96/skill --skill lark-whiteboard-liutao96
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lark-whiteboard
Source: https://github.com/liutao96/skill/tree/main/lark-whiteboard
Command: npx skills add https://github.com/liutao96/skill --skill lark-whiteboard-liutao96

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

当用户需要在飞书云文档中绘制图表,或在文档中使用画板生成架构图、流程图、思维导图、时序图等可视化图形时,此 Skill 提供统一的工作流和渲染路径,简化从需求到可视化的全流程。

Core Features & Use Cases

  • 图表类型覆盖:支持架构图、流程图、思维导图、时序图等常见图形,通过 DSL 路径或 Mermaid 路径进行高保真的绘制与渲染。
  • 两条渲染路径:默認走 Mermaid 路径进行快速导出,或走 DSL 路径通过坐标化 JSON 精确控制布局与样式。
  • 集成与安全:基于 Node.js 18+ 的环境,依赖 lark-cli,提供清晰的使用提示与可选的引用资料与参考资源。

Quick Start

在输入中提供 DSL JSON 或 Mermaid 内容,Whiteboard 将在文档中渲染相应的图表。

Frequently Asked Questions about lark-whiteboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create architecture diagrams in Lark docs?

To create architecture diagrams in Lark docs, use this Skill to generate and render visuals via Whiteboard's DSL or Mermaid paths. It applies to architecture diagrams, flows, mind maps, and sequences across documentation workflows.

Can I use Mermaid to render flow charts in Lark Whiteboard?

Yes, you can use Mermaid to render flow charts in Lark Whiteboard. The Skill defaults to the Mermaid path for quick export, or you can use the DSL path with coordinate-based JSON for precise layout control.

Do I need Node.js to draw sequence diagrams in Lark documents?

Yes, you need Node.js 18+ and the lark-cli tool to draw sequence diagrams in Lark documents. The Skill requires this environment to process DSL JSON or Mermaid content and render the Whiteboard visuals.

What is the best way to generate mind maps in Lark docs?

The best way to generate mind maps in Lark docs is by providing Mermaid content for fast rendering or DSL JSON for exact styling. The Skill integrates with Whiteboard to simplify the process from requirement to visualization.

What is the difference between DSL and Mermaid paths for Lark diagrams?

The difference between DSL and Mermaid paths for Lark diagrams is that Mermaid offers quick export, while DSL uses coordinate-based JSON to precisely control layout and styling for high-fidelity rendering inside the Whiteboard.

Why are my Whiteboard diagrams not rendering in Lark docs?

Your Whiteboard diagrams might not be rendering in Lark docs if your environment lacks Node.js 18+ or the lark-cli tool. Ensure you provide valid DSL JSON or Mermaid content as input for the Skill to process.