飞书白板设计精修

问题：白板被画成等大的卡片墙

飞书白板的矢量能力被刻意限制：只能使用一种字体，形状仅支持原生矩形、圆形与连接线，没有渐变、滤镜、透明度或动效。在这种约束下，"好看"不再来自特效，而是构图、层次、节奏、色彩纪律与留白。

实际产出却常常相反。先挑一组配色，再"看怎么摆好看"，最后随手修溢出——这套流程制造出的往往是一面等大的卡片墙：焦点缺失、层级扁平、每个区块分量相同。更麻烦的是，白板是文档里的可编辑对象，缩放和拖动会放大坐标上的手算误差，溢出与重叠往往要到渲染之后才暴露。

工作方式：两道闸门夹住构图

这个技能把流程里两个软步骤替换成强制闸门。

• GATE 1 · 设计简报：绘制任何 SVG 之前，先写下五项承诺。叙事结构决定原型（序列、对比、层级、放射、矩阵、时间线、焦点+细节），而非默认竖排卡片；明确唯一视觉焦点及其成因；先定色彩策略——克制、专注还是完整——再选色板；把内容分配到 Display / Heading / Body / Caption 四级字阶；最后写出一句"套路版本是什么、我如何避开"。
• 骨架构图：优先基于 examples/ 中同原型的黄金样例改内容，而不是从空白画布开始。坐标、间距、字阶与连接线已就位，只需替换文字。
• 渲染前预测：先用 scripts/fit-check.mjs 估算每个标签宽度（中文约 1em、西文约 0.6em），标记溢出、挤占邻框与画布出血，逐条修复后重跑，直到干净。
• GATE 2 · 设计批评：正确性通过后，按 CRITIQUE.md 的五轴量表（层级、平衡、密度、对比、对齐）打分，找出最弱的一轴并套用修复配方重新渲染。正式发布前建议派生独立的批评子代理，只看渲染结果与量表，避免作者偏差让扁平的层级自我合理化。

最终产物写进飞书文档，是文档内可编辑的原生白板，而不是截图。交付时同时给出文档链接与本地渲染图 diagram.png——飞书导出的是固定方形预览，仅供核对实时版面，不适合分享。

边界与注意点

• 依赖已认证的 lark-cli 与飞书账号，写入的是用户自己租户；缺少依赖时应先告知用户如何安装认证，再停止。
• 只有内容能上画布，提示词、风格名、来源说明一律留在对话里。
• 换配色可以随时提出：构图保持不变，只有颜色变化。
• 这套规则只服务于"原生形状 + 单一字体"的表达域。若需求本质上需要渐变、阴影或复杂排版，应该换媒介，而不是在白板里找补。