[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-83044":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":15,"starSnapshotCount":15,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},83044,"beautiful-feishu-whiteboard","zarazhangrui\u002Fbeautiful-feishu-whiteboard","zarazhangrui","35 curated colour palette styles for building beautiful, editable Feishu \u002F Lark (飞书) whiteboards. An agent skill.","",null,"Shell",292,20,1,0,21,118,193,97,3.97,"MIT License",false,"main",true,[],"2026-06-12 02:04:30","# Beautiful Feishu Whiteboard\n\n[中文 README](.\u002FREADME.zh.md)\n\n**A library of 35 curated colour palette styles for building gorgeous, *editable* Feishu \u002F Lark\n(飞书) whiteboards.**\n\nSee the [Feishu doc version of this intro](https:\u002F\u002Fbytedance.us.larkoffice.com\u002Fdocx\u002FAldcdypvjoEqQDxcSVeu37ixs0d) (with usage-scenario showcases).\n\nThis is an agent **skill** (for Claude Code and other agents that read `SKILL.md`). It is not an\nauto layout chart tool. Your agent composes the layout, and these templates give it a tasteful\n**colour palette and mood** plus the whiteboard medium's hard rendering rules. The result is a real,\n**editable** Feishu whiteboard inside a doc, not a screenshot.\n\n> Built from hard won, on board verified knowledge of what the Feishu SVG whiteboard renderer can and\n> cannot do (native shapes only, no opacity, the text colour export quirk, and more), all captured in\n> [`RULES.md`](RULES.md).\n\n## Gallery\n\nEvery style renders the **same content**, the three stages of LLM training, so you can compare\npalettes directly. The 35 styles are grouped from **restrained** to **bold**. Click a name to\nopen its template.\n\n### Restrained\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Favocado-press\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Favocado-press.png\" alt=\"Avocado Press\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Favocado-press\u002F\">\u003Cb>Avocado Press\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fgrove\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fgrove.png\" alt=\"Grove\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fgrove\u002F\">\u003Cb>Grove\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fjade-lens\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fjade-lens.png\" alt=\"Jade Lens\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fjade-lens\u002F\">\u003Cb>Jade Lens\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Flong-table\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Flong-table.png\" alt=\"Long Table\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Flong-table\u002F\">\u003Cb>Long Table\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fmacchiato\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fmacchiato.png\" alt=\"Macchiato\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fmacchiato\u002F\">\u003Cb>Macchiato\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fmonochrome\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fmonochrome.png\" alt=\"Monochrome\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fmonochrome\u002F\">\u003Cb>Monochrome\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fpapier-bleu\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fpapier-bleu.png\" alt=\"Papier Bleu\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fpapier-bleu\u002F\">\u003Cb>Papier Bleu\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Freading-room\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Freading-room.png\" alt=\"Reading Room\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Freading-room\u002F\">\u003Cb>Reading Room\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fsalmon-stamp\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fsalmon-stamp.png\" alt=\"Salmon Stamp\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fsalmon-stamp\u002F\">\u003Cb>Salmon Stamp\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Balanced\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fapricot-arc\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fapricot-arc.png\" alt=\"Apricot Arc\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fapricot-arc\u002F\">\u003Cb>Apricot Arc\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fberry-pop\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fberry-pop.png\" alt=\"Berry Pop\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fberry-pop\u002F\">\u003Cb>Berry Pop\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fbold-poster\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fbold-poster.png\" alt=\"Bold Poster\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fbold-poster\u002F\">\u003Cb>Bold Poster\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fchecker-bloom\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fchecker-bloom.png\" alt=\"Checker Bloom\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fchecker-bloom\u002F\">\u003Cb>Checker Bloom\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fcobalt-bloom\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fcobalt-bloom.png\" alt=\"Cobalt Bloom\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fcobalt-bloom\u002F\">\u003Cb>Cobalt Bloom\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fcoral\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fcoral.png\" alt=\"Coral\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fcoral\u002F\">\u003Cb>Coral\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fcut-bloom\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fcut-bloom.png\" alt=\"Cut Bloom\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fcut-bloom\u002F\">\u003Cb>Cut Bloom\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Feditorial-forest\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Feditorial-forest.png\" alt=\"Editorial Forest\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Feditorial-forest\u002F\">\u003Cb>Editorial Forest\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Flime-slab\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Flime-slab.png\" alt=\"Lime Slab\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Flime-slab\u002F\">\u003Cb>Lime Slab\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Flinen-cut\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Flinen-cut.png\" alt=\"Linen Cut\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Flinen-cut\u002F\">\u003Cb>Linen Cut\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fpin-and-paper\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fpin-and-paper.png\" alt=\"Pin & Paper\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fpin-and-paper\u002F\">\u003Cb>Pin & Paper\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fraw-grid\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fraw-grid.png\" alt=\"Raw Grid\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fraw-grid\u002F\">\u003Cb>Raw Grid\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Friptide-cobalt\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Friptide-cobalt.png\" alt=\"Riptide Cobalt\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Friptide-cobalt\u002F\">\u003Cb>Riptide Cobalt\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fsoft-editorial\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fsoft-editorial.png\" alt=\"Soft Editorial\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fsoft-editorial\u002F\">\u003Cb>Soft Editorial\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fviolet-marker\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fviolet-marker.png\" alt=\"Violet Marker\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fviolet-marker\u002F\">\u003Cb>Violet Marker\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Bold\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fblock-frame\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fblock-frame.png\" alt=\"BlockFrame\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fblock-frame\u002F\">\u003Cb>BlockFrame\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fburst-panel\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fburst-panel.png\" alt=\"Burst Panel\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fburst-panel\u002F\">\u003Cb>Burst Panel\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fconfetti-wedge\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fconfetti-wedge.png\" alt=\"Confetti Wedge\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fconfetti-wedge\u002F\">\u003Cb>Confetti Wedge\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fcourt-press\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fcourt-press.png\" alt=\"Court Press\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fcourt-press\u002F\">\u003Cb>Court Press\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fcrayon-stack\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fcrayon-stack.png\" alt=\"Crayon Stack\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fcrayon-stack\u002F\">\u003Cb>Crayon Stack\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fgrove-block\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fgrove-block.png\" alt=\"Grove Block\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fgrove-block\u002F\">\u003Cb>Grove Block\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fmint-brut\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fmint-brut.png\" alt=\"Mint Brut\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fmint-brut\u002F\">\u003Cb>Mint Brut\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fneo-grid-bold\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fneo-grid-bold.png\" alt=\"Neo-Grid Bold\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fneo-grid-bold\u002F\">\u003Cb>Neo-Grid Bold\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Friso-brut\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Friso-brut.png\" alt=\"Riso Brut\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Friso-brut\u002F\">\u003Cb>Riso Brut\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fspecimen-bold\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fspecimen-bold.png\" alt=\"Specimen Bold\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fspecimen-bold\u002F\">\u003Cb>Specimen Bold\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\">\u003Ca href=\"templates\u002Fstencil-tablet\u002F\">\u003Cimg src=\"assets\u002Fstyles\u002Fstencil-tablet.png\" alt=\"Stencil & Tablet\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Csub>\u003Ca href=\"templates\u002Fstencil-tablet\u002F\">\u003Cb>Stencil & Tablet\u003C\u002Fb>\u003C\u002Fa>\u003C\u002Fsub>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n---\n\n## Install\n\n**Tell your agent** (Claude Code, etc.):\n\n> \"Install the **beautiful-feishu-whiteboard** skill from\n> `github.com\u002Fzarazhangrui\u002Fbeautiful-feishu-whiteboard`.\"\n\nOr run the installer yourself:\n\n```bash\n# project level (.\u002F.claude\u002Fskills or your agent's skills dir)\nnpx skills add zarazhangrui\u002Fbeautiful-feishu-whiteboard\n\n# or globally (available in every project)\nnpx skills add zarazhangrui\u002Fbeautiful-feishu-whiteboard -g\n```\n\nOr install manually (clone into your agent's skills folder):\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-feishu-whiteboard \\\n  ~\u002F.claude\u002Fskills\u002Fbeautiful-feishu-whiteboard\n```\n\n## Requirements\n\n- **Node.js 20 or newer**\n- **A Feishu \u002F Lark account.** Boards are written into your own tenant.\n- **`lark-cli`** (npm `@larksuite\u002Fcli`), installed and authenticated:\n  ```bash\n  npm install -g @larksuite\u002Fcli\n  lark-cli config init     # first run: scan the QR code\n  lark-cli auth login      # authorize your Feishu\u002FLark account\n  ```\n- **`@larksuite\u002Fwhiteboard-cli`**, used via `npx`, downloads automatically, no install needed.\n\nRun the bundled check any time: `bash scripts\u002Fpreflight.sh`\n\n## Use it\n\nOnce installed, just ask your agent in plain language. You can name a style or describe a vibe:\n\n> - \"Make a **Feishu whiteboard** explaining our onboarding flow, in the **Riso Brut** style.\"\n> - \"Turn this doc into a visual **board** in Feishu, minimal **cobalt** look.\"\n> - \"Draw the system architecture as a Feishu whiteboard, **playful candy** colours.\"\n> - \"Explain the 3 LLM training stages as a board.\"\n\nYour agent will: ask what the board is for and what vibe you want, pick a fitting style from the\n[catalogue](CATALOG.md), compose the diagram with native shapes, render it and self correct\n(overflow, margins, overlaps), write it into a Feishu doc as an editable whiteboard, then send you\n**both the doc link and the image**. You can switch to a different style any time.\n\n## How it works\n\n- **`SKILL.md`**: the agent entry point. When to use, the preflight, and the conversation flow\n  (understand the board, ask the vibe, pick a style, build, deliver the link and image, offer to switch).\n- **`CATALOG.md`**: every style with its vibe, formality level, and what it is good for, so the agent\n  can pick a style that fits the content.\n- **`RULES.md`**: the medium's hard limits (native shapes only, no opacity, no gradients or blur, the\n  text colour export caveat) and the exact `lark-cli` and `whiteboard-cli` commands.\n- **`templates\u002F\u003Cslug>\u002Fdesign.md`**: one per style, just the palette and how to use its colours. The\n  agent is free to lay out the content however reads best; the template only constrains colour and mood.\n\n## License\n\n[MIT](LICENSE) (c) Zara Zhang ([@zarazhangrui](https:\u002F\u002Fgithub.com\u002Fzarazhangrui))\n\nBuilt on Feishu\u002FLark's `@larksuite\u002Fcli` and `@larksuite\u002Fwhiteboard-cli`.\n","该项目提供35种精选色彩样式，用于创建美观且可编辑的飞书\u002F蓝湖白板。其核心功能是为白板内容提供精心设计的配色方案和氛围，同时遵循飞书SVG渲染器的具体规则，确保生成的内容既美观又符合平台限制。这些模板适合需要在文档中嵌入专业且视觉吸引力强的白板场景，特别适用于团队协作、项目规划以及创意展示等场合。通过使用此技能，用户可以轻松地根据不同的需求选择合适的风格，从而提升沟通效率与视觉体验。",2,"2026-06-11 04:10:00","CREATED_QUERY"]