lark-whiteboard

Generate Lark whiteboard DSL or Mermaid drafts from diagram prompts.

641|104|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/loongclaw-ai/loongclaw --skill lark-whiteboard-loongclaw-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lark-whiteboard
Source: https://github.com/loongclaw-ai/loongclaw/tree/main/skills/larksuite-cli/lark-whiteboard
Command: npx skills add https://github.com/loongclaw-ai/loongclaw --skill lark-whiteboard-loongclaw-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill turns vague diagram requests into fully specified Lark whiteboard DSL or Mermaid drafts so you never need to guess layout, color, or upload safety when creating charts, architectures, and flow visuals.

Core Features & Use Cases

  • Workflow orchestration: Routes requests between DSL and Mermaid, consults the content/layout/style references, and enforces layout constraints before emitting JSON or .mmd input.
  • Scene-specific guidance: Provides explicit rules for architecture, comparison, fishbone, bar/line charts, funnels, pyramids, flywheels, treemaps, and more so each diagram keeps consistent spacing, typography, and connectors.
  • Safe rendering & delivery: Requires Node.js 18+, ensures @larksuite/whiteboard-cli and lark-cli are used, and enforces dry-run uploads with user confirmation when writing to existing Lark whiteboard tokens.

Quick Start

Tell the skill to plan the diagram DSL, consult the relevant scene guide, and render it with @larksuite/whiteboard-cli.

Frequently Asked Questions about lark-whiteboard

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

FAQPage Schema
How do I generate Lark whiteboard diagrams from text prompts without manual layout?

To generate Lark whiteboard diagrams from text prompts, this skill converts your descriptions into structured DSL or Mermaid drafts, applying automatic layout and style constraints to eliminate manual positioning. It routes requests between DSL and Mermaid based on the diagram type.

What diagram types are supported by the Lark whiteboard DSL renderer?

The Lark whiteboard DSL renderer supports architecture, comparison, funnel, fishbone, flywheel, treemap, and Mermaid charts. It applies scene-specific rules for spacing, typography, and connectors to ensure visual consistency across all supported diagram formats.

Do I need Node.js and specific CLI tools to render Lark whiteboards?

Yes, rendering Lark whiteboards requires Node.js 18+ with both @larksuite/whiteboard-cli and lark-cli installed. These CLI tools process the generated DSL or Mermaid input and handle dry-run uploads with user confirmation before writing to existing Lark whiteboard tokens.

How does the whiteboard CLI ensure safe uploads to existing Lark whiteboard tokens?

The whiteboard CLI ensures safe uploads by enforcing dry-run operations with user confirmation before writing to existing Lark whiteboard tokens. This pre-flight validation checks layout, style, and connector rules to prevent overwriting or corrupting active whiteboard content.

What is the best way to create Mermaid drafts for Lark whiteboard scenarios?

The best way to create Mermaid drafts for Lark whiteboard scenarios is to provide a diagram prompt and let the skill consult its scene-specific guidance. It enforces layout constraints and emits valid .mmd input files ready for rendering via the whiteboard CLI.