skills.rest
SpaceZephyr
SpaceZephyrCOMMUNITY
Explore all skills by this author →
GitHub

lark-whiteboard

Generate structured diagrams and upload them to Feishu whiteboards.

14|4|Updated Mar 31, 2026
Search Tags:#mermaid#flowchart#data-visualization#feishu#architecture-diagram#chart-generation#lark-whiteboard
One-click install
npx skills add https://github.com/SpaceZephyr/allSkills --skill lark-whiteboard-spacezephyr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lark-whiteboard
Source: https://github.com/SpaceZephyr/allSkills/tree/main/lark-whiteboard
Command: npx skills add https://github.com/SpaceZephyr/allSkills --skill lark-whiteboard-spacezephyr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Creating professional, structured visualizations (such as architecture diagrams, flowcharts, and statistical charts) in Feishu (Lark) whiteboards typically requires manual layout, precise coordinate calculation, and consistent styling, which is time-consuming, error-prone, and difficult to standardize for non-designers.

Core Features & Use Cases

  • Dual rendering paths: Supports DSL for fully custom, precisely controlled chart layouts, and Mermaid for standard diagram types (mindmaps, sequence diagrams, flowcharts, etc.) with auto-layout.
  • Pre-built scene templates: Includes optimized guides and skeleton examples for common chart types including system architecture diagrams, bar charts, line charts, fishbone diagrams, funnel charts, milestone timelines, and more.
  • Automated complex layout calculation: Provides script templates for charts requiring precise coordinate math (such as bar charts, fishbone diagrams, and treemaps) to avoid overlapping nodes and misaligned connectors.
  • Direct Feishu integration: Supports rendering generated charts to PNG and uploading them directly to existing Feishu whiteboard instances with safety checks to prevent accidental overwrites of user content.
  • Use case example: A product manager can use this skill to generate a complete microservice architecture diagram with layered color grouping, correct connector lines, and proper node spacing in minutes, instead of manually placing and styling each element in the whiteboard.

Quick Start

Use the lark-whiteboard skill to generate a microservice architecture diagram with user access, gateway, service, and database layers, using blue and purple color grouping for different tiers.

Frequently Asked Questions about lark-whiteboard

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

FAQPage Schema
How do I generate Feishu whiteboard architecture diagrams without manual layout?▼

You can generate Feishu whiteboard architecture diagrams automatically using Mermaid-based auto-layout or DSL-based custom rendering, eliminating manual coordinate calculations and node styling.

Can I use Mermaid flowcharts to create charts in a Lark whiteboard?▼

Yes, Mermaid flowcharts are supported for standard diagram auto-layout, allowing you to render mindmaps, sequence diagrams, and flowcharts directly into Feishu whiteboard instances.

What's the best way to render complex statistical charts like bar charts in Feishu whiteboards?▼

For complex statistical charts like bar charts and fishbone diagrams, use the provided coordinate calculation script templates to ensure precise layout math and prevent overlapping nodes or misaligned connectors.

Does this approach support uploading rendered charts directly to existing Feishu whiteboards?▼

Yes, rendered charts are exported as PNG files and uploaded directly to existing Feishu whiteboard instances, with built-in safety checks to prevent accidental overwrites of your current content.

What chart templates are available for Feishu whiteboard generation?▼

Pre-built scene templates include system architecture diagrams, bar charts, line charts, fishbone diagrams, funnel charts, and milestone timelines, providing optimized guides and skeleton examples for business and technical workflows.

When should I use DSL instead of Mermaid for Feishu whiteboard chart generation?▼

Use DSL when you need fully custom, precisely controlled chart layouts with specific coordinate calculations, whereas Mermaid is ideal for standard diagram types requiring automated auto-layout.

Related Skills

Explore More Software Engineering Skills→
bengousbengous
3

mermaid-diagrams

Create, edit, and fix Mermaid diagrams from natural language prompts.

Community
Basic
ZJU-REALZJU-REAL
195

lark-whiteboard

Inspect, export, create, and update Feishu whiteboards with Mermaid and PlantUML diagrams.

Official
Advanced
zephyrwang6zephyrwang6
333

feishu-wiki

Save Markdown documents to Feishu wiki and read bitable tables via Python scripts.

Community
Intermediate
cosmixcosmix
53

diagramming

Convert textual system descriptions into Mermaid diagrams.

Community
Basic