文章高亮片段
配合 remotion-best-practices、motion-graphics 和 cinematic-camera 使用，适用于新闻、发布、趋势以及需要文章证明的场合，当终端窗口显得生硬时效果最佳。
强制采集
编码前，询问任何缺失的决策：
您想要哪种格式：4:3 半屏 Instagram 插入片段 还是 9:16 全屏 Instagram？以及哪种背景：暖光、简洁深色、浅色网格、或深色网格？
- 4:3 插入片段：1440×1080，设计在 9:16 帧的约一半区域保持可读。
- 9:16 全屏：1080×1920，预留界面标题/注释区域。
- 仅当明确要求时使用 16:9。
- 如果用户委托选择背景，则使用暖光。
文章纸张在简洁深色或深色网格场景中可保持浅色。不要悄无声息地将整个构图改为深色。
绝对视觉禁令
禁止霓虹、发光、光晕、发光边缘、彩色阴影、青紫渐变、渐变光晕、径向彩色扩散、玻璃态、赛博朋克光照，或任何“氛围编码”的 AI 装饰。高亮必须看起来像物理标记笔/纸张处理的效果——而不是发光效果。
交付前拒绝任何被禁止的处理。
批准参考
编码前检查 assets/examples/article-highlight.mp4 并参考/联系帧。延续其编辑层次、充裕的纸张间距、克制的标记笔处理、缓慢的相机和可读性。当本地资源不可用时，使用规范仓库图库：https://github.com/Liamrjohnston/remotion-motion-graphics-skill。
何时使用
用于：
- 信息性/新闻/发布/趋势节拍。
- “某物已更改或已启动”的证明。
- 带有有意义高亮短语的真实文章摘录。
- 非终端证据，其中编辑材料有助于阐明观点。
对于 CLI/设置/代理运行的故事，使用 terminal-inserts。当节拍是产品演示时，使用真实产品素材/UI。
核心架构
当标记笔划必须位于文本之后时，不要将文章扁平化。构建分层的 Remotion DOM/SVG：
- 选定的场景表面。
- 带有充裕安全填充的编辑纸/卡片。
- 位于纸张上方、文字下方的 rough.js/SVG 标记层。
- 位于标记上方的 DOM/SVG 文本。
标记必须明显地位于文字后方、纸张上方。
材质与布局
- 纸张：暖白/米白，带中性边框和柔和中性阴影；不要使用彩色发光。
- 排版：编辑/新闻层次——小号章节标签、大号衬线/编辑标题、低调的作者/日期，以及最多 2-3 行短正文。
- 高亮：克制的半透明物理标记颜色，如哑光黄；绝不使用荧光色。
- 使用真实的文章/来源身份和提供的文案。不要编造出版物、日期、声明或引用。
- 有意地进行硬换行，并将文本保持在已变换的安全边距内。
- 不要像标题幻灯片那样居中；它应该感觉像真实的文章摘录。
- 如果非必需的标签/按钮/来源杂项在目标尺寸下无法阅读，则将其移除。
动画
- 仅在支持批准参考时，以短暂的克制模糊到清晰开始；模糊是光学对焦，不是发光。
- 在早期对焦阶段，标记不可见。
- 使用缓慢微妙的相机推近和克制的透视旋转。
- 在对焦稳定后开始标记笔划。
- 使用遮罩/擦拭从左到右绘制每个高亮。
- 按顺序显示高亮；切勿一次性全部显示。
- 结束时所有关键短语清晰可读，并保持稳定。
- 使用
useCurrentFrame()、spring()和interpolate()驱动动画；不使用 CSS 动画。
高亮笔规则
- 使用 rough.js 或不规则的 SVG 标记形状。
- 标记位于文本后面。
- 轻微的不完美是可以的；完美的渐变矩形是不行的。
- 仅高亮有意义且经核实的短语，而不是整个段落。
- 标记透明度必须保持文本对比度。
- 不要使用荧光黄、发光、模糊光晕或发光边缘。
无冗余旁白
文章/来源文本仅在实际作为证据时出现。不要添加仅重复口头配音的单独标题。只使用真实的摘录和最小的结构元数据。
首轮拒绝门控
在每一个答案都为“否”之前，不要交付：
- 格式或背景是否未经确认？
- 是否有霓虹、发光、发光标记处理、彩色阴影、渐变扩散或玻璃态？
- 来源/文章身份或声明是否被编造？
- 卡片是否是通用居中标题幻灯片，而非编辑表面？
- 在选定的 Instagram 放置位置中，是否有任何关键文本不可读？
- 标记是否位于文本上方/遮挡文本，或出现得太早？
- 相机是否裁剪纸张或产生空白移动？
- 结果是否缺少批准参考的克制和打磨？
私下修改直至通过门控。
QA 与交付
- 类型检查或运行最小有意义的验证。
- 渲染一张早期无高亮静帧、一张中间笔划静帧、一张最终高亮静帧和最终保持静帧。
- 确认标记在早期不可见、位于文本后方、并在最终完成。
- 检查裁剪、不可读文案、编造的来源细节、霓虹/发光和弱构图。
- 交付 MP4，附带尺寸、时长、确切的渲染命令和编辑器放置说明。