关于 article-highlights
article-highlights 是 Remotion 视频制作技能，用于把真实文章摘录呈现为新闻或趋势画面。它规定了 Instagram 画幅、编辑式版面、实体标记笔高亮和动画检查流程。
主要功能
- 01制作文章摘录画面
- 02支持 4:3 与 9:16 画幅
- 03分层呈现纸张、标记与文字
- 04按顺序动画显示重点
- 05提供渲染与可读性检查流程
适用场景
- 01呈现新闻或发布动态
- 02用文章摘录佐证趋势
- 03制作非终端类证据画面
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/article-highlights确认已加载。
详细介绍
文章亮点
对于新闻、发布、趋势和文章佐证片段，如果使用终端会显得生硬，可搭配 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／设置／Agent 运行相关内容请使用 terminal-inserts。如果片段是产品演示，请使用真实的产品视频／UI。
核心架构
如果马克笔笔迹必须位于文字下方，不要将文章扁平化。请使用分层的 Remotion DOM/SVG：
- 所选场景表面。
- 留有充足安全边距的编辑风格纸张／卡片。
- 位于纸张上方的 Rough.js/SVG 马克笔图层。
- 位于马克笔上方的 DOM/SVG 文字。
马克笔必须清晰地位于文字下方、纸张上方。
材质与布局
- 纸张：暖白色／米白色，搭配中性色边框和柔和的中性阴影；绝不使用彩色辉光。
- 字体排版：采用编辑／新闻层级——小号栏目标签、大号衬线／编辑风格标题、弱化处理的署名／日期，以及最多 2–3 行简短正文。
- 高亮：使用克制的半透明实体马克笔颜色，例如低饱和度黄色；绝不使用荧光色。
- 使用真实的文章／来源身份信息和用户提供的文案。不得虚构出版物、日期、说法或引语。
- 有意控制换行，并确保文字位于变换后的安全边距内。
- 不要像标题页那样居中；画面应呈现真实文章摘录的感觉。
- 如果在目标尺寸下难以读清，请移除非必要的胶囊标签／按钮／来源杂项。
动画
- 仅当符合批准的参考效果时，开场才使用短暂、克制的模糊至清晰效果；模糊是光学对焦，不是辉光。
- 对焦早期阶段不显示马克笔痕迹。
- 使用缓慢、细微的镜头推进和克制的透视旋转。
- 对焦稳定后再开始绘制马克笔痕迹。
- 使用蒙版／擦除效果从左向右绘制每道高亮。
- 依次显示高亮；切勿一次全部显示。
- 结尾处应确保所有关键语句清晰可读，并保持画面稳定。
- 使用
useCurrentFrame()、spring()和interpolate()驱动动画；不使用 CSS 动画。
高亮笔规则
- 使用 rough.js 或不规则 SVG 马克笔形状。
- 马克笔应位于文字下方。
- 轻微的不规则感是优点；完美的渐变矩形则不是。
- 只高亮有意义且已核实的语句，不要高亮整段文字。
- 马克笔不透明度必须确保文字对比度。
- 不得使用荧光黄、光线发射、模糊光晕或发光边缘。
不重复旁白
只有当文章／来源文本本身就是实际证据时，才可展示。不要另加一个只是重复口播内容的标题。只使用真实摘录和最少的结构性元数据。
首轮否决检查
只有以下问题的答案全部为“否”时，才可交付：
- 格式或背景是否未经确认？
- 是否存在霓虹、辉光、发光标记效果、彩色阴影、渐变叠色或玻璃拟态？
- 来源／文章身份或其主张是否为虚构？
- 卡片是否是普通的居中标题页，而非编辑式版面？
- 关键信息在选定的 Instagram 版位中是否有任何难以辨认之处？
- 标记是否位于文字上方／遮挡文字，或出现得太早？
- 摄像机是否裁切了纸张，或造成了无意义的移动？
- 成果是否未能达到获批参考稿的克制感和精致度？
在内部修订，直至通过检查。
QA 和交付
- 进行类型检查，或运行最小限度且有意义的验证。
- 渲染一张前期无高亮静帧、一张笔画进行中的静帧、一张最终高亮静帧，以及结束停留画面。
- 确认标记前期不可见、位于文字后方，并在结尾处完整呈现。
- 检查是否存在裁切、文案难以辨认、来源细节虚构、霓虹／辉光效果，以及构图欠佳等问题。
- 交付 MP4，并注明尺寸、时长、准确的渲染命令和编辑器中的放置说明。