{"repo":"LcpMarvel/feishu-whiteboard-pro","free":true,"listed":false,"github":"https://github.com/LcpMarvel/feishu-whiteboard-pro","clone":"git clone https://github.com/LcpMarvel/feishu-whiteboard-pro.git","description":"A Claude Code / agent skill for building genuinely designed, editable Feishu / Lark (飞书) whiteboards — deliberate composition, real hierarchy, a gated pipeline with pre-render fit-check and independent design critique.","language":"JavaScript","stars":55,"topics":["agent-skill","claude-code","design","feishu","lark","svg","whiteboard"],"license":null,"category":"mcp-servers","readme_excerpt":"feishu-whiteboard-pro 一个用于打造真正\"经过设计\"的飞书 / Lark（飞书）白板的 Claude Code / agent skill ——不只是配色 好看，而是讲究构图：清晰的视觉焦点、真实的层次、刻意的留白。它产出的是飞书文档里一块 可编辑 的真实白板， 而不是一张截图。 它构建于 beautiful-feishu-whiteboard （沿用其配色板与 SVG 白板介质的硬性规则）之上，补上了原项目缺失的那一层： 如何构图，以及如何判断结果到底好不好。 相比一个\"配色板库\"它多了什么 介质本身被刻意限制——单一字体、只有原生矩形 / 圆 / 连接线，没有渐变、滤镜、透明度、动效。所以这里的\"好看\" 指的是构图、层次、节奏、配色克制与留白。这个 skill 把两个原本靠临场发挥的软步骤变成了 关卡（gate） ： - fit-check （scripts/fit-check.mjs）—— 估算每个标签的宽度（中文 ≈ 1em， 拉丁字符 ≈ 0.6em），在渲染 之前 就标出溢出 / 挤占间距 / 出血。确定性，不耗模型。 - 独立评审 —— 对要交付的板子，由一个独立评审者对渲染结果做对抗式打分，把\"只靠颜色撑起来\"的假焦点和 失衡的构图揪出来，而不是自我合理化。 示例 七张标杆样板，每张都过了双关卡（fit-check 干净、设计评审过关）并在真实飞书白板上渲染过。它们覆盖不同原型 与配色板——其中一张还用的是 现场生成 的配色——但都出自同一条流水线，所以构图与配色是解耦的。把对应的 .svg （在 examples/ 里）当作起手骨架打开，坐标都已经是评审过关的。 四张复杂板子，四种不同配色： :--: :--: 放射式系统图 · Riso Brut 对比矩阵 · Riptide Cobalt 时间线 · Coral 层级图 · 现场生成 配色 三张基础板子，共用一套配色（Riso Brut）： :--: :--: :--: 系统图 流程 + 分叉 / 汇合 泳道时序 配色 —— 精选锚点，或现场生成 这里的配色是 一套设计系统，不是色卡清单 ：每套配色都给颜色分配角色（画布、墨色、强调色、面板）并附用途 说明和投放剂量，让 agent 知道每种颜色 该怎么用 ，而不只是有哪些 hex。 - 一组精挑的锚点。 CATALOG.md 列出从克制到大胆的锚点配色；按气质和正式度挑一套。 每套就是一个 templates/ /design.md ，并且是唯一真相源——目录表由它们经 scripts/build-catalog.mjs 生成。 - 没有合适的就现场生成。 如果没有锚点契合简报，skill 会按 templates/GENERATE.md 生成一套——OKLCH 明暗推导、带色偏的中性色、角色剂量，以及介质自身的约束（画布绝不用纯白、墨色绝不用 #000 、纯平 / 无透明度）。它产出的 frontmatter 形态和锚点 完全一致 ，所以照样能换肤、也能存成新模板。 上面那张层级图用的就是现场生成的 “Steel Infra” 配色。 - 随时换肤。 换配色只改颜色、不动构图。 前置条件 - Node 20+ - lark-cli 已安装并完成认证： npm install -g @larksuite/cli ，然后 lark-cli config init （扫码）和 lark-cli auth login - @larksuite/whiteboard-cli —— 通过 npx 使用，自动下载，无","default_branch":null,"files":null,"tree":[],"storefront":"/r/LcpMarvel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/LcpMarvel/feishu-whiteboard-pro/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}