Wechat Article Camofox
dracohu2025-cloud/draco-skills-collection
使用本机部署的 camofox-browser 稳定抓取微信公众号文章链接内容，优先读取浏览器 accessibility snapshot，并对公众号页噪音做专用清洗，输出 Markdown 或 JSON。
A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG.
Install Beautiful Feishu Whiteboard
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboard --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .claude/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboard --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .agents/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboard --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .cursor/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboard --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .gemini/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboardInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .github/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install zarazhangrui/beautiful-feishu-whiteboard beautiful-feishu-whiteboard --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "beautiful-feishu-whiteboard" agent skill from https://github.com/zarazhangrui/beautiful-feishu-whiteboard/tree/main into .opencode/skills/beautiful-feishu-whiteboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "beautiful-feishu-whiteboard", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
beautiful-feishu-whiteboard- GitHub stars
- 756
- Token cost
- ~1.3k tokens
- SKILL.md length
- 679 words
- Files
- 115 (incl. scripts, assets)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- MIT
At a glance
A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG.
- Works in 5 steps: Understand the board. Find out what the… → Ask about the vibe. Ask the user what… → Pick a style. Use CATALOG.md to match… → …
- Wants to create
- SKILL.md covers When to use, Step 0: prerequisites (check…, How to run the conversation and Files
- Calls npm
What it does
Beautiful Feishu Whiteboard is an agent skill from zarazhangrui/beautiful-feishu-whiteboard. 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…
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 116 other files, including scripts and assets (for example `CATALOG.md`, `README.md` and `README.zh.md`).
It sits in Productivity & Automation, covering Messaging and chat bots and Infographics. It works with Feishu (Lark) and npm. The repository describes itself as: 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards. An agent skill. The licence is MIT.
When your agent uses it
- Wants to create
- Draw a Feishu whiteboard
- Visual explainer and wants it to look polished
- In a particular aesthetic
Example prompts
- “/beautiful-feishu-whiteboard”
Requirements
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Understand the board. Find out what the user wants on it: the content, the purpose, the
- Ask about the vibe. Ask the user what visual style they want, for example playful or
- Pick a style. Use CATALOG.md to match the content type and the requested vibe
- Build it. Read RULES.md and only the one chosen
- Deliver. Give the user both: the Feishu doc link and the rendered image itself, so
What it can do on your machine
Read from SKILL.md and the folder at commit 6989843. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Beautiful Feishu Whiteboard loads about 1.3k tokens when it runs. Until then it costs about 174 tokens; SKILL.md has 679 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from zarazhangrui/beautiful-feishu-whiteboard at commit 6989843, republished under its MIT licence (© zarazhangrui). 679 words, ~1,315 tokens.
Download SKILL.mdSave it as
.claude/skills/beautiful-feishu-whiteboard/SKILL.md (or your agent's skills folder). This skill also uses 114 other files; get the full folder from GitHub.- name
- beautiful-feishu-whiteboard
- 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.
- version
- 1.1.1
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 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, or check manually:
- Node 20 or newer.
lark-cli(npm package@larksuite/cli), installed and authenticated. If missing:npm install -g @larksuite/cli, thenlark-cli config init(scan the QR), thenlark-cli auth login.@larksuite/whiteboard-cli, used vianpx, 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
- Understand the board. Find out what the user wants on it: the content, the purpose, the audience. If it is unclear, ask one short question before building.
- Ask about the vibe. Ask the user what visual style they want, for example playful or professional, any colour or mood preference, or a brand to match. Offer to pick for them if they have no preference. If they already named a style, skip ahead.
- Pick a style. Use
CATALOG.mdto match the content type and the requested vibe and formality to one of the 35 styles. The catalogue lists each style's palette signature, so choose from it alone — don't open severaldesign.mdfiles to compare. Tell the user which style you chose and why, in one line. - Build it. Read
RULES.mdand only the one chosentemplates/<slug>/design.md, then:- Compose the SVG in a logical space about 1600 to 1700 wide, in that palette, with native
shapes only (rect, rounded rect, circle, ellipse, connectors, text). Lay the content out
however reads best. Every label is a
<text>; never setfont-family. - Only the content goes on the board, never the instruction behind it. Do not print the
user's prompt, scope notes, source citations, the chosen style name, or any "summary of… /
来源… / 风格…" meta line onto the canvas — that looks like a homework header. Such context
belongs in your chat reply. (See the "Never echo the user's instructions" rule in
RULES.md.) - Render it, then look at the image and correct yourself: fix text overflow, tight margins or
padding, numerals touching edges, accidental overlaps, and clipping. Iterate render, view, fix
until it is clean. (Commands and the full checklist are in
RULES.md.) When fixing, edit the.svgfile in place with small targeted edits (move a box, widen a panel, rewrap a label) — do not regenerate the whole SVG each pass; and batch the fixes you see in one view into a single edit pass before re-rendering, rather than one fix per render. - Write it into a Feishu doc as an editable whiteboard, then view the live board image too and fix any remaining layout issues.
- Compose the SVG in a logical space about 1600 to 1700 wide, in that palette, with native
shapes only (rect, rounded rect, circle, ellipse, connectors, text). Lay the content out
however reads best. Every label is a
- Deliver. Give the user both: the Feishu doc link and the rendered image itself, so they can see it without opening the doc. Then tell them they can switch to a different style any time, and you will re render the same content in the new palette.
Show full SKILL.md (50 more words)Show less
Files
RULES.md: the hard rules and the exact build, write, and verify commands. Always read this.CATALOG.md: every style with its vibe, formality, and what it is good for. Use it to choose.templates/<slug>/design.md: one per style, the colour palette and how to use it.scripts/preflight.sh: dependency and auth check.
© zarazhangrui, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 114 other files (scripts, assets) in the repository root of zarazhangrui/beautiful-feishu-whiteboard.
- SKILL.md
- .gitignore
- CATALOG.md
- LICENSE
- README.md
- README.zh.md
- RULES.md
- assets/styles/apricot-arc.png
- assets/styles/avocado-press.png
- assets/styles/berry-pop.png
- assets/styles/block-frame.png
- assets/styles/bold-poster.png
- assets/styles/burst-panel.png
- assets/styles/checker-bloom.png
- assets/styles/cobalt-bloom.png
- assets/styles/confetti-wedge.png
- assets/styles/coral.png
- assets/styles/court-press.png
- assets/styles/crayon-stack.png
- … and 96 more
Open the folder on GitHubat commit 6989843
Compare with similar skills
Beautiful Feishu Whiteboard next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Beautiful Feishu Whiteboard this skillzarazhangrui/beautiful-feishu-whiteboard | 756 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Wechat Article Camofoxdracohu2025-cloud/draco-skills-collection | 227 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Incremental Implementationskuramatata/my-pi-agent | 114 | — | ~869 | Automated safety check: Notes | None | |
| Bili Following Latestdragon-hh/ai-boshu-crawler | 106 | — | ~1.9k | Automated safety check: Pass | None | |
| Feishu Docopenclaw/openclaw | 392k | — | ~516 | Automated safety check: Pass | MIT | |
| Md2wechatgeekjourneyx/md2wechat-skill | 3.7k | — | ~3.8k | Automated safety check: Pass | Custom licence |
Similar skills
Incremental Implementation
skuramatata/my-pi-agent
A skill your agent uses when implementing my-pi-agent changes that touch multiple files, shared runtime behavior, prompt/skill logic, Feishu channel flow, verifier behavior, or coding workflow lanes.
Bili Following Latest
dragon-hh/ai-boshu-crawler
Run the AI博主爬取 project workflow that downloads the latest Bilibili videos for Feishu Base creators marked 是否持续跟踪=true, writes successful downloads to the Feishu 视频 table, and writes a 爬取任务日志 record.
Feishu Doc
openclaw/openclaw
Feishu document read/write workflows. An agent skill from openclaw/openclaw.
Md2wechat
geekjourneyx/md2wechat-skill
Convert Markdown to WeChat Official Account HTML. An agent skill from geekjourneyx/md2wechat-skill.
Claude To Im
op7418/Claude-to-IM-skill
Bridge THIS Claude Code or Codex session to Telegram, Discord, Feishu/Lark, QQ, or WeChat so the user can chat with Claude from their phone.
Related
Works with
Questions about Beautiful Feishu Whiteboard
What does Beautiful Feishu Whiteboard do?
A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG. Beautiful Feishu Whiteboard is an agent skill from zarazhangrui/beautiful-feishu-whiteboard. A library of 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards from SVG.
When should I use Beautiful Feishu Whiteboard?
Beautiful Feishu Whiteboard fits situations like: wants to create; draw a Feishu whiteboard; visual explainer and wants it to look polished; in a particular aesthetic.
How do I install Beautiful Feishu Whiteboard in Claude Code?
Run `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a claude-code`. Or copy the skill folder (the zarazhangrui/beautiful-feishu-whiteboard repository) into .claude/skills/beautiful-feishu-whiteboard in your project. Claude Code loads it when a task matches its description.
How do I install Beautiful Feishu Whiteboard in Codex?
Run `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a codex`. Or copy the skill folder (the zarazhangrui/beautiful-feishu-whiteboard repository) into .agents/skills/beautiful-feishu-whiteboard in your project. Codex loads it when a task matches its description.
Can I use Beautiful Feishu Whiteboard in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add zarazhangrui/beautiful-feishu-whiteboard --skill beautiful-feishu-whiteboard -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/beautiful-feishu-whiteboard, .gemini/skills/beautiful-feishu-whiteboard, .github/skills/beautiful-feishu-whiteboard and .opencode/skills/beautiful-feishu-whiteboard in your project.
What does Beautiful Feishu Whiteboard need to run?
Going by SKILL.md and its folder, Beautiful Feishu Whiteboard needs the command-line tools its instructions call (npm). Our summary lists: Node.js.
Does Beautiful Feishu Whiteboard access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Beautiful Feishu Whiteboard safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Beautiful Feishu Whiteboard use?
Beautiful Feishu Whiteboard is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Beautiful Feishu Whiteboard use?
About 1.3k tokens (SKILL.md is roughly 5.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Beautiful Feishu Whiteboard?
Skills that share tags, products or a category with Beautiful Feishu Whiteboard: Wechat Article Camofox (dracohu2025-cloud/draco-skills-collection, 227 stars), Incremental Implementation (skuramatata/my-pi-agent, 114 stars), Bili Following Latest (dragon-hh/ai-boshu-crawler, 106 stars) and Feishu Doc (openclaw/openclaw, 392k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Beautiful Feishu Whiteboard?
zarazhangrui (a GitHub user) maintains it in zarazhangrui/beautiful-feishu-whiteboard, which has 756 GitHub stars. The repository was last updated on June 11, 2026.
Source: zarazhangrui/beautiful-feishu-whiteboard on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.