# Beautiful Feishu Whiteboard

A library of 35 curated colour palette styles for building beautiful, editable Feishu /...

- Repository: https://github.com/zarazhangrui/beautiful-feishu-whiteboard (781 stars)
- Category: AI and agents
- License: MIT
- Last updated: 2026-06-11
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -g -a claude-code -y`
Codex: `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -g -a codex -y`
Cursor: `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -g -a cursor -y`
Gemini CLI: `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -g -a gemini-cli -y`

## Description

A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG. Use this whenever the user wants to create or draw a Feishu whiteboard, infographic, diagram, poster, or visual explainer and wants it to look polished, on brand, or in a particular aesthetic, or when they name a style. The agent figures out what board the user wants, asks about the visual vibe, picks a fitting style from the catalogue, generates an editable Feishu whiteboard, returns the doc link and the rendered image, and offers to switch styles. Requires lark-cli (npm @larksuite/cli) installed and authenticated, and a Feishu/Lark account.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Beautiful Feishu Whiteboard

A design system skill: **35 colour palette styles** plus the verified **hard rules** of the Feishu
SVG whiteboard medium, so you can build gorgeous, on brand, _editable_ whiteboards.

This is **not** an auto layout chart generator. **You** compose the layout. A template gives you a
**palette and mood**; [`RULES.md`](RULES.md) gives you the medium's hard limits. The board you
produce is a real, editable Feishu whiteboard inside a doc, not a screenshot.

## When to use

- The user wants a Feishu / Lark whiteboard, infographic, diagram, poster, or visual explainer that
  should look good, branded, or in a specific aesthetic.
- The user names a style, or points at one of the templates.
- The user gives content ("explain X as a whiteboard", "turn this into a board") and wants it
  visual and editable inside Feishu.

## Step 0: prerequisites (check before doing anything)

Run [`scripts/preflight.sh`](scripts/preflight.sh), or check manually:

- **Node 20 or newer.**
- **`lark-cli`** (npm package **`@larksuite/cli`**), installed **and authenticated**. If missing:
  `npm install -g @larksuite/cli`, then `lark-cli config init` (scan the QR), then `lark-cli auth login`.
- **`@larksuite/whiteboard-cli`**, used via `npx`, auto downloads, no install needed.
- A **Feishu / Lark account**. The board is written to the user's own tenant.

If `lark-cli` is missing or not authenticated, tell the user exactly how to install and
authenticate, then stop. You cannot write a board without it.

## How to run the conversation

The rest: https://github.com/zarazhangrui/beautiful-feishu-whiteboard/blob/HEAD//SKILL.md