lark-whiteboard

Convert requirements into WB JSON/DSL or Mermaid diagrams for Feishu/Lark docs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

在 Feishu/Lark 文档中快速绘制架构图、流程图、时序图等可视化图表,避免手工绘制和排版的繁琐与易错。

Core Features & Use Cases

  • 支持多种图表类型(架构图、组织结构图、鱼骨图、飞轮图、漏斗图、折线图等)。
  • 支持 Mermaid 路径与 DSL 路径,提供自动路由与一致的渲染结果。
  • 通过 Whiteboard CLI 将 WB JSON/DSL/ Mermaid 渲染成 PNG,便于嵌入文档和分享。

Quick Start

Create a diagram by writing a WB input (DSL/JSON or Mermaid) and render it with the Whiteboard CLI to generate an image.

Frequently Asked Questions about lark-whiteboard

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

FAQPage Schema
How do I generate architecture diagrams for Feishu or Lark docs?

To generate architecture diagrams for Feishu or Lark docs, you convert your requirements into WB JSON, DSL, or Mermaid inputs and render them into PNG images using the Whiteboard CLI.

What diagram types can I render using Mermaid and DSL paths in Lark?

Using Mermaid and DSL paths in Lark, you can render architecture diagrams, organization charts, fishbone diagrams, flywheels, funnels, and line charts.

How do I use the Whiteboard CLI to convert Mermaid to PNG for Lark?

You use the Whiteboard CLI to convert Mermaid inputs into PNG images by enforcing frontmatter metadata and applying safe rendering with validation and guardrails to ensure consistent output.

Do I need frontmatter metadata to render diagrams with the Whiteboard CLI?

Yes, frontmatter metadata is required to render diagrams with the Whiteboard CLI, ensuring inputs are safely processed with validation and guardrails before generating the final image.

What is the best way to automate drawing flow charts in Feishu without manual layout?

The best way to automate drawing flow charts in Feishu is by defining them through WB JSON/DSL or Mermaid inputs and executing the Whiteboard CLI to render the output automatically.

Does the Whiteboard CLI support both DSL and Mermaid inputs for rendering diagrams?

Yes, the Whiteboard CLI supports both DSL and Mermaid paths, providing automatic routing and consistent rendering results for flexible diagram generation workflows.