Remotion 官方 Agent Skills
Remotion 官方维护的 12 个 Agent Skills 套件：让 Claude Code/Codex 等 agent 用一句话文字提示完成创建项目、写帧驱动动画、Studio 预览、渲染成片的视频全流程，并通过 interactivity 规范保证生成代码可被可视化编辑回写。
仓库：remotion-dev/skills
热度证据：Remotion 2026-01-20 在 X 发布演示,单条 600 万+ 观看(后报 830 万/1300 万),首周 2.5 万安装;Riley Brown 称『视频创作的 ChatGPT 时刻』
五维评分
热度5/5
质量5/5
创新4/5
易用5/5
文档5/5
优秀点拆解
- 路由器+子skill分包：remotion-best-practices 只做意图分派，知识按领域拆成 11 个叶子 skill，markup 又拆 30+ 专题 md，按需加载不污染上下文
- 构建期内嵌打包：prepare-embedded-skills.ts 把子 skill 复制进父目录并重写相对链接（SKILL.md→REFERENCE.md），agent 单点加载即自包含，sync 脚本以符号链接+--check 维持单一真源
- 文档检索协议化：remotion-docs 写死 Algolia 搜索 API 与请求模板，URL 加 .md 后缀取 Markdown 源省 token，强制按当前文档实现对抗模型记忆过期
- interactivity 可编辑性规范：规定插值内联、easing 硬编码、用 scale/translate/rotate 替代 transform、defaultProps 内联，违反则 Studio 中不可编辑，形成 AI 生成+人工精修闭环
- 单真源多平台同步：同一份 skill 经软链同时服务 .claude/skills 与 .agents/skills（Claude Code/Codex/Kimi/Cursor），README 由官方文档 mdx 自动生成，validate-links 全量校验防漂移
可复用的设计模式
- Router Skill 模式：入口 skill 只做意图分派（If X, load Y），知识按领域拆叶子，每个挂 Example prompt 帮助触发
- 构建期自包含打包：脚本复制依赖目录、重命名入口、重写相对链接，保证运行时无跨目录依赖；符号链接+--check 防漂移
- 文档即 API 协议：在 skill 内写死公开搜索端点与请求体，规定取 Markdown 源而非 HTML，把查文档变成确定性步骤
- 可编辑性双写规范：AI 产物要被人类工具接管时，用 👍/❌ 正反例明确代码形态边界，产品工具编辑能力反推生成规范
适用场景
文字提示生成宣传片/品牌动画视频（创建→写码→预览→渲染全流程）数据地图动画（Mapbox/MapLibre/MapTiler/CesiumJS 按镜头选技术）带字幕配音的视频（Whisper 转录、SRT 导入、ElevenLabs 配音、动态时长）Remotion SaaS 应用起步（Player 嵌入、Lambda/Vercel 渲染架构选择）框架型公司为自家产品构建官方 agent skill 套件（可借鉴其同步管线）
边界与注意：只对 Remotion 生态有效，非该生态无迁移价值；强依赖本地 Node/浏览器渲染环境；Algolia 公开 key 与文档结构绑定 Remotion 站点；内嵌机制导致仓库重复文件多（271 个文件）；Remotion 发版频繁，skill 指令须随版本同步更新。
完整拆解分析文档
本页为摘要版，完整精读分析（核心机制、逐条优秀点拆解、写作过程）见本地 Markdown 文档：
analysis/remotion-agent-skills.md