Remotion 官方技能

选一个任务，开始使用

首次采用下面的新工程命令，选择实际客户端并保留完整总入口技能。安装完成后，在 remotion-skill-demo 工程中发第一条任务；它会先打开 Studio，再完成自带文案的短片。

1. 新建练习工程并安装官方技能

   复制安装命令

   这是新建示例工程的完整路径：在没有 remotion-skill-demo 子目录的位置执行，随后按安装器选择客户端并保留 remotion-best-practices 及其完整子目录。已有工程只在工程根目录执行最后一行，保留现有包管理器与锁文件。命令安装当时版本；本页资料固定于 4.0.539。

   npx create-video@latest --yes --blank --no-tailwind remotion-skill-demo
   cd remotion-skill-demo
   npm install
   npx skills add remotion-dev/skills

   查看作者安装说明

   在同一个工程中启动助手和 Studio

   完成命令后留在 remotion-skill-demo 目录，让助手确认能读取 remotion-best-practices 及其完整引用资料。第一项任务使用 npx remotion studio 打开预览；查看实际打印的地址，不假定端口。已有 Studio 时复用当前实例，核对正确工程和 composition。

   阅读 Studio 的启动与预览说明

2. 把这段话发给 AI

   复制提示词

   以下是本站编写的可执行任务说明，产物是预期交付，未作为本站实测。方括号改成实际输入；任务调用可用技能名称或自然语言，具体入口以客户端显示为准。

   使用 remotion-best-practices，并按需读取其中 create、markup、interactivity 和 studio 的完整说明。当前目录应是刚创建的 Remotion 示例工程；先确认 package.json、锁文件和实际包版本，列出缺失项，不擅自升级已有项目。先启动 Studio，打开命令实际打印的地址，确认预览可用，再制作内容。 创建 ReadingIntro：1920×1080、30 fps、8 秒（240 帧）。0–3 秒显示“让阅读有记录”，3–6 秒显示“一周三条笔记”，6–8 秒显示“打开笔记，开始整理”。这是编辑练习文案，不加产品功能、数据或用户评价。用深色背景、浅色大字和一种强调色，每幕一个重点，不需要图片、配音或音乐。 读取视频布局与 composition 注册说明；按画幅检查安全区和可读字号，选能显示中文的字体，明确字体来源与加载方式。动画按帧计算，不用 CSS animation、transition 或墙上时钟。需要独立修改的标题保留各自 JSX 节点、明确名称及可编辑的内联值；不要用循环把它们合成一个不可单独编辑的模板。 在 Studio 检查 0、89、90、179、180、239 帧与连续播放；检查文字溢出、切换时刻和首尾画面。选中第二幕标题，验证能改文字、保存回源代码，并恢复练习文案。交付修改文件、composition ID、实际预览地址、已完成检查和缺项。本轮交付可编辑预览，不导出视频；做不到的检查如实说明。

3. 检查你拿到的结果

   • 可运行的 ReadingIntro 与实际可打开的 Studio 预览；三幕共 240 帧。
   • 确认中文字体、切点和边缘没有问题，并实际验证一次文字修改能保存回源码。
   • 列明文件和检查状态；预览完成不等于已经得到 MP4。
   查看这项任务的作者说明