SuperAPI AI 工具集

apple-launch-film

设计与创作

查看项目

更新于 10-24 16:21

技能介绍

用途:该技能用于在 Claude Code 中以代码方式复刻 Apple 风格的 Mac 产品发布影片。画面元素不依赖外部素材:菜单栏、顶部中央的黑色刘海、刘海展开后形成的 Apple 风格小组件、全屏渐变色壁纸,全部由代码绘制。

主要能力:

  • 以单个自包含 HTML 文件实现影片,提供 window.seek(seconds),可绘制任意指定时刻的精确帧。
  • 画面框架为一块 Mac 屏幕:顶部横贯一条细的 macOS 菜单栏,刘海位于菜单栏中央;字体使用系统字体(-apple-system,回退 Helvetica Neue)。
  • 影片以刘海展开并在黑底上用手写体白色脚本写出“hello”开场,随后每个场景由刘海展开为不同小组件,配合各自的渐变壁纸与居中字幕,最后一幕刘海收回到静止形态并显示产品名与一句话。
  • 支持用参考素材(放在 ref 文件夹中的真实 Mac 发布影片或其帧)仅约束视觉风格,不复制其文案或产品名。
  • 支持逐场景截帧并与参考帧并排对比,以修正差异。
  • 提供 reduced-motion(减少动效)设置,将弹簧动画替换为快速淡入淡出。

使用方式:

  1. 准备阶段:若存在 brand.md 与 MOTION.md 应先阅读;若不存在,先运行 brand-intake,或向用户索取十六进制色值、字体与 logo 文件。缺少这些信息时不应宣称结果符合品牌。可先安装配套技能:npx skills add emilkowalski/skills --skill apple-design。
  2. 收集五项信息后等待确认:产品名与逐字的一句话;事实清单(影片允许展示的每个功能、数字与要求,此外不得上屏);6–8 个场景,每场景一个功能加一句短字幕;可选参考素材文件夹 ref;尺寸与时长(默认 1920×1080、30fps、每场景约 2.5 秒)。
  3. 构建:按模板向 Claude Code 粘贴简报,使用 apple-design 技能,声明仅使用给定事实、列出各场景,并要求构建为带 window.seek(seconds) 的单一 HTML 文件,逐场景截帧(并与参考帧并排对比),修正差异并依据 apple-design 技能检查动效。
  4. 检查与导出:确认第一秒是否能让人相信这是真实的 Mac、屏幕上的每个词是否都来自事实清单、是否加入 reduced-motion 设置。导出使用 HyperFrames:先 npx skills add heygen-com/hyperframes,再 npx hyperframes render;竖版剪辑可将 MP4 交给 reel-export。

适用场景:需要在代码中生成 Apple 风格的 Mac 产品发布短片、逐帧精确可控的视频片段,或希望用参考片校准视觉风格并导出 MP4 的动效制作流程。

限制与注意事项:

  • 缺少品牌信息(色值、字体、logo)时无法保证符合品牌规范。
  • 事实清单之外的内容不得出现在画面上;小组件中出现的任何 UI 文字(如按钮标签、时钟时间)若不在事实清单内,需列回请求批准,占位文字以灰色线条表示。
  • 刘海需用文字明确定位为“屏幕顶部中央的刘海”,否则模型可能画出整台笔记本。
  • 动画应采用弹簧曲线而非补间:刘海宽度与高度各按自身曲线弹动,展开柔和、关闭无过冲;动效需从影片起点统一推算,避免逐场景补间导致跳变。
  • 菜单栏应保持简短,约五项即可,否则会被宽小组件截断。
  • 该技能本身未提供收费、价格或效果保证等信息。