lark-whiteboard

Render DSL or Mermaid diagrams to PNG and upload to Lark whiteboards.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps users convert diagram specifications (Mermaid or DSL) into precise visual whiteboard diagrams and safely deliver them to Lark/Feishu, removing manual layout, rendering, and risky upload steps.

Core Features & Use Cases

  • Flexible Rendering Paths: Automatically routes simple mindmaps and sequence diagrams to Mermaid, and uses a precise DSL for custom layouts requiring exact styling and coordinates.
  • Scripted Layouts for Complex Charts: Supports script-based generation for charts that need mathematical positioning (fishbone, flywheel, funnel, treemap, pyramid, charts).
  • Safe Upload Workflow: Renders PNGs and can upload to a target Lark whiteboard token while enforcing a mandatory dry-run and user confirmation to avoid accidental overwrites.
  • Use Case: Turn a product architecture prompt into a styled JSON DSL, render a PNG, and upload it to a shared Lark whiteboard after verifying no destructive changes will occur.

Quick Start

Create a diagram from the provided DSL or Mermaid text, render it to an image, run a dry-run against the target whiteboard token, and ask me to proceed with upload only if you confirm.

Frequently Asked Questions about lark-whiteboard

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

FAQPage Schema
How do I convert Mermaid diagrams to Lark whiteboard images?

To convert Mermaid diagrams to Lark whiteboard images, the Skill routes simple mindmaps and sequence diagrams to Mermaid, renders them to PNG format, and safely uploads to your target Lark whiteboard token after a mandatory dry-run check.

What is the best way to generate custom layout diagrams with exact coordinates for Lark?

For custom layout diagrams requiring exact styling and coordinates, the best way is to use a precise JSON DSL. This approach supports mathematically positioned charts like fishbone, flywheel, funnel, treemap, and pyramid diagrams rendered as PNGs.

Can I upload diagram PNGs directly to a shared Lark whiteboard without overwriting existing content?

You can safely upload diagram PNGs to a shared Lark whiteboard because the workflow enforces a mandatory preflight dry-run check and requires explicit user confirmation to prevent accidental overwrites of existing whiteboard content.

Do I need Node.js to render DSL architecture diagrams for Lark Whiteboard?

Yes, you need Node.js 18+ to render DSL architecture diagrams for Lark Whiteboard. The rendering process relies on the @larksuite/whiteboard-cli and lark-cli integration to generate and export visual diagrams.

How do I run a dry-run check before uploading a flowchart to a Lark whiteboard?

To run a dry-run check before uploading a flowchart, render your Mermaid or DSL input to an image first. The system then executes a preflight dry-run against the target whiteboard token and asks for your confirmation to proceed with the upload.