beehiiv-ui-skills

该技能为构建 Beehiiv 风格界面的 AI 代理提供明确的设计约束，资料以 MUST/SHOULD/NEVER 规则给出。用途：在制作浅色模式界面、Beehiiv 风格设计系统，以及使用 Inter 字体与 4px 网格实现 UI 时参考。颜色：主表面用浅色背景，surface-base 与 accent 均为 #221FAB，surface-raised 为 #070512，text-primary 为 #B6B8E7，border-default 为 #252494，文字对比度至少 4.5:1。字体：主字体为 Inter，主标题 51px/700，正文 12px/400，标题用 text-balance、正文用 text-pretty，数值用 tabular-nums。间距：4px 网格，刻度含 4、5、15、21、23、53、56、79px，默认间距 4px。边框：圆角仅 3px，边框宽度限 1px、2px。布局：基准视口宽 1920px，全高使用 h-dvh 而非 h-screen，固定元素尊重安全区。交互：焦点用 2px 轮廓与 2px 偏移，禁用态 opacity 0.5 与 not-allowed，破坏性操作用 AlertDialog，加载用骨架屏，图标按钮加 aria-label。动画：仅在明确要求时添加，只动 transform 与 opacity，入场用 ease-out，反馈不超过 200ms，尊重 prefers-reduced-motion。性能：避免动画大范围模糊或背景滤镜，不在非活动动画外用 will-change，不用 useEffect 表达可渲染逻辑。该技能与对应 DESIGN.md 配套，漂移扫描器动态读取两者。限制：具体组件清单、图标与完整代码示例暂未提供。