rn-motion-director

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

AI 动效导演元 Skill

Role

角色

Act as the director layer that turns a topic into a motion-first video concept and controls execution until the result behaves like video, not a deck.

This skill does not replace

ra-video-production-director

hyperframes

remotion

, image generation, or QC tools. It runs before and above them: define the motion language, choose the visual system, reject PPT-like plans, then hand off to the right production lane and keep the anti-PPT gate active.

充当导演层，将主题转化为动效优先的视频概念，并控制执行过程，直到成果呈现为视频，而非演示文稿。

此 skill 不会替代

ra-video-production-director

、

hyperframes

、

remotion

、图像生成或 QC 工具。它运行于这些工具之前并位于其上层：定义动效语言、选择视觉系统、拒绝类似 PPT 的方案，然后将任务移交给合适的制作路径，并持续启用防 PPT 关卡。

Core Doctrine

核心原则

Do not start from pages, slides, or cards. Start from movement.

For every topic, first find a visual metaphor that can move: a river, network, branching tree, orbit, factory line, swarm, collapse, compression, scanner, handoff, growth loop, map route, stack, wave, clock, lens, or machine.

Text is an anchor, not the main carrier. If a beat depends on reading a long paragraph, convert the idea into motion, structure, symbols, or images.

不要从页面、幻灯片或卡片开始，而要从运动开始。

对于每个主题，首先寻找一个能够运动的视觉隐喻：河流、网络、分支树、轨道、工厂流水线、集群、坍缩、压缩、扫描仪、交接、增长循环、地图路线、堆叠、波浪、时钟、透镜或机器。

文字是锚点，而非主要载体。如果某个节拍依赖阅读长段落，则将观点转化为运动、结构、符号或图像。

Workflow

工作流

1. Intake

1. 信息采集

Capture only decisions that change the creative path:

topic or source material
audience and platform if known
desired ratio and length; default to 16:9 and 30-60 seconds if unspecified
narration, silent motion graphic, or captioned explainer
factual accuracy level: casual, source-backed, or reference-replica
required style, reference video, component library, or image-generation skill

If the user simply gives a topic and asks for a video, proceed with best judgment. Do not ask for a full brief unless the missing answer changes the production route.

仅记录会改变创作路径的决策：

主题或源素材
已知情况下的受众和发布平台
期望比例和时长；未指定时默认使用 16:9 和 30-60 秒
旁白、静音动效图形或带字幕讲解
事实准确度级别：通俗、来源佐证或参考复现
必需的风格、参考视频、组件库或图像生成 skill

如果用户仅提供主题并要求生成视频，则依据最佳判断继续执行。不要索要完整 brief，除非缺失信息会改变制作路径。

2. Source and Truth Gate

2. 来源与真实性关卡

For factual, historical, scientific, legal, medical, financial, current, or named-entity topics, verify the core claims before writing the motion plan. Prefer primary or authoritative sources. Use absolute dates when dates matter.

Keep facts short. The video should not become an encyclopedia; facts exist to support the motion narrative.

对于涉及事实、历史、科学、法律、医疗、金融、时效性内容或实体的主题，在编写动效方案前核实核心说法。优先使用一手来源或权威来源。日期重要时使用绝对日期。

事实应保持简洁。视频不应成为百科全书；事实的作用是支撑动效叙事。

3. Motion Thesis

3. 动效命题

Write one sentence:

This video moves by showing <visual metaphor> transforming from <start state> to <end state>, proving <core claim>.

Examples:

Human evolution: a time river branches, lights up tools, then becomes a migration network.
AI agents: one cursor splits into autonomous task nodes that route through tools and return as completed work.
Economic inflation: a stable price grid stretches, leaks, and rebalances.

If no moving metaphor is found, stop and invent one before planning scenes.

写出一句话：

本视频通过展示<视觉隐喻>从<初始状态>转化为<结束状态>，证明<核心观点>，以运动推进叙事。

示例：

人类进化：时间之河分叉，点亮工具，随后演变为迁徙网络。
AI Agent：一个光标分裂为自主任务节点，在工具之间路由并返回已完成的工作。
经济通货膨胀：稳定的价格网格拉伸、泄漏并重新平衡。

如果找不到可运动的隐喻，则停止规划场景，并先创造一个。

4. Beat Graph

4. 节拍图

Plan a continuous timeline, not pages. Each beat must include:

```
time
```
: start-end seconds
```
narrative job
```
: hook, reveal, contrast, mechanism, consequence, proof, close
```
main moving object
```
: the element carrying motion
```
state change
```
: what physically changes on screen
```
camera/layer motion
```
: push, pan, parallax, orbit, crop, or stable base
```
text role
```
: title, label, caption, counter, or none
```
asset need
```
: code/SVG, generated image, screenshot, icon, footage, or none
```
PPT risk
```
: what would make this beat feel like a slide

At least 80% of beats must have a visible state change beyond fade/slide-in.

规划连续的时间线，而不是页面。每个节拍必须包含：

```
time
```
：开始-结束秒数
```
narrative job
```
：叙事职责；钩子、揭示、对比、机制、后果、证明或收尾
```
main moving object
```
：承载运动的主要对象
```
state change
```
：屏幕上发生的物理变化
```
camera/layer motion
```
：推近、平移、视差、环绕、裁切或稳定底座
```
text role
```
：标题、标签、字幕、计数器或无
```
asset need
```
：code/SVG、生成图像、截图、图标、素材片段或无
```
PPT risk
```
：哪些因素会让该节拍显得像幻灯片

至少 80% 的节拍必须具有可见的状态变化，而不只是淡入或滑入。

5. Motion Grammar

5. 动效语法

Read

references/motion-grammar.md

before choosing primitives. Combine 2-4 motion primitives per video and reuse them with variation. Do not stack every effect everywhere.

选择动效基元前，阅读

references/motion-grammar.md

。每条视频组合 2-4 个动效基元，并通过变化加以复用。不要在所有位置堆叠每一种效果。

6. Image and Asset Direction

6. 图像与素材方向

Use generated images only when they carry narrative work: a character, scene, object, historical visual, metaphor, or visual texture that code cannot express well enough. Avoid decorative stock-like images.

If image generation is used, specify:

what the image must explain
where it appears in the timeline
how it moves after generation
whether it must match an existing visual system

Static images must be animated with crop, mask, parallax, reveal, light sweep, depth layers, or transformation. A still image plus text is not enough.

仅在生成图像能够承担叙事工作时使用它：人物、场景、对象、历史视觉、隐喻，或 code 难以充分表达的视觉纹理。避免使用纯装饰性的图库式图像。

如果使用图像生成，应明确：

图像必须解释什么
图像在时间线中的出现位置
生成后图像如何运动
是否必须匹配现有视觉系统

静态图像必须通过裁切、遮罩、视差、显现、光扫、深度分层或变形制作动画。静态图像加文字并不足够。

7. Implementation Route

7. 实现路径

Default to HyperFrames for authored motion videos in this workspace. Read and follow the relevant HyperFrames skills before writing composition code.

Use Remotion when the project is already React/Remotion-based or when React component reuse is the main advantage. Use Lottie/Rive/Three.js only for the specific visual layer that benefits from them.

If the user asks for a complete production, continue into production instead of stopping at a plan:

create source project under

<WORKSPACE>/01-内容生产/视频工作台/动效项目/

render final MP4
archive to
```
<WORKSPACE>/legacy-archive/
```
put contact sheets and QC artifacts under the same project
```
质检/
```
folder

在此工作区中，为创作型动效视频默认使用 HyperFrames。编写合成 code 前，应阅读并遵循相关 HyperFrames skill。

当项目已经基于 React/Remotion，或复用 React 组件具有明显优势时，使用 Remotion。仅在特定视觉层适合时使用 Lottie/Rive/Three.js。

如果用户要求完整制作，则继续进入生产流程，不要停留在方案阶段：

在

<WORKSPACE>/01-内容生产/视频工作台/动效项目/

下创建源项目

渲染最终 MP4
归档至
```
<WORKSPACE>/legacy-archive/
```
将 contact sheet 和 QC 产物放入同一项目的
```
质检/
```
文件夹

8. Anti-PPT Gate

8. 防 PPT 关卡

Read

references/anti-ppt-gate.md

before implementation and again before final delivery. If the plan fails, rewrite the motion plan before coding.

Hard fail conditions:

the plan is a list of pages/slides
most beats are title + bullets + fade
objects appear but do not transform or travel
there is no continuous visual system across beats
the same card layout repeats without meaningful motion changes
the user asked for a video but the output is only a storyboard

实现前及最终交付前，均需阅读

references/anti-ppt-gate.md

。如果方案未通过关卡，应在编写 code 前重写动效方案。

硬性失败条件：

方案只是页面或幻灯片列表
大多数节拍由标题、项目符号和淡入效果组成
对象虽然出现，但未发生变形或位移
各节拍之间没有连续的视觉系统
同一卡片布局反复出现，且缺乏有意义的变化
用户要求生成视频，但最终仅输出故事板

9. QC and Completion

9. QC 与完成

Before calling a video done:

run the toolchain checks required by the selected renderer
extract keyframes at meaningful beat midpoints
inspect whether motion continuity is visible across the contact sheet
check text fit, resolution, duration, and archive paths
state remaining limitations honestly, especially if no audio or no generated images were used

宣布视频完成前：

运行所选渲染器要求的工具链检查
在各节拍的有意义中点提取关键帧
检查 contact sheet 中是否能够观察到运动连续性
检查文字适配、分辨率、时长和归档路径
如实说明仍存在的限制，尤其是未使用音频或生成图像时

Output Contract

输出约定

For planning-only requests, output:

Motion thesis
Beat graph
Component and asset plan
Anti-PPT risks
Production route

For production requests, use the same structure internally, then produce the actual video and final QC artifacts.

对于仅需规划的需求，输出：

动效命题
节拍图
组件与素材计划
防 PPT 风险
制作路径

对于制作需求，在内部采用相同结构，然后生成实际视频和最终 QC 产物。

References

参考资料

```
references/motion-grammar.md
```
: visual metaphors and motion primitives.
```
references/anti-ppt-gate.md
```
: checklist for rejecting slide-like videos.

```
references/motion-grammar.md
```
：视觉隐喻与动效基元。
```
references/anti-ppt-gate.md
```
：拒绝幻灯片式视频的检查清单。