remotion-creative

Remotion 创意

品牌、节奏、风格、旁白和构图指导。请在落实 remotion-core 的技术契约后使用。

有关运动模式、弹簧蓝图、转场和文字动画效果，请使用 remotion-animation——此技能有意不涉及动画。

对于任何非简单构图，请先阅读以下两份文档：

• references/house-style.md — 解读提示词、生成真实内容、需要质疑的惰性默认做法，以及背景/前景图层方案
• references/video-composition.md — 视频媒介的尺度、景深和前景细节；如何避免布局空洞，同时不强行规定统一的元素数量

跳过这些文档是生成内容千篇一律的最主要原因。

工作流

1. 如果项目有设计规范，先阅读它，并将其 frontmatter 中的标记视为品牌准则（颜色、字体、间距、语气）。查找顺序：frame.md → design.md → DESIGN.md。
2. 如果没有设计规范，且用户要求视觉指导：
   • 现成的视觉预设 → references/visual-styles.md
   • 指定的风格或氛围 → references/visual-styles.md
   • 快速默认方案 → references/house-style.md
3. 对于多场景作品，先规划节拍和节奏，再编写代码 → references/beat-direction.md。
4. 对于动态效果较多的作品，阅读 references/motion-principles.md，然后使用 remotion-animation。

路由

主题	阅读
默认配色、动态效果、排版，以及需要质疑的惰性默认做法	references/house-style.md
命名风格预设、从氛围到风格的路由	references/visual-styles.md
构图模式——画中画、文字置于主体后方、标题卡片、幻灯片放映	references/composition-patterns.md
统计数据/信息图呈现	references/data-in-motion.md
视频媒介的密度、尺度、颜色、画面构图	references/video-composition.md
逐节拍指导、节奏规划、转场时机	references/beat-direction.md
高层级动态效果准则和弹簧质量规则	references/motion-principles.md
字体选择、搭配、渲染视频的排版准则	references/typography.md
脚本节奏、语气、开场、数字读法	references/narration.md
映射到动态效果的预计算音频频段	references/audio-reactive.md

Remotion 中的设计系统

Remotion 构图使用 React 内联样式——浏览器用户代理样式表不会在渲染输出中产生 CSS 层叠效果。务必：

• 在文本元素上明确声明 fontFamily（通过 @remotion/google-fonts 或 staticFile 加载）
• 谨慎使用 rem/em 相对单位；需要像素级精准的视频输出时，优先使用 px
• 通过 @remotion/google-fonts 导入 Google Fonts——切勿使用在渲染期间需要网络请求的 <link> 标签

import {loadFont} from '@remotion/google-fonts/Inter';

const {fontFamily} = loadFont();

const Title = () => (
  <div style={{fontFamily, fontSize: 72, fontWeight: 700, color: '#ffffff'}}>
    Hello
  </div>
);

音频响应式动态效果

创作前先提取音频频段——不要在渲染时读取音频文件。

使用 @remotion/media-utils 预先分析音频：

# Pre-extract audio data to a JSON file
node scripts/extract-audio-data.mjs public/music.mp3 --out public/audiomap.json

然后静态导入 JSON，并将频段值映射到动画参数。完整工作流 → references/audio-reactive.md。

限制

• 不要覆盖 remotion-core 的技术规则。
• 对于最简技术构图，不要强制要求使用设计系统。
• 除非请求明确要求，或你先提出扩展方案，否则不要添加额外场景、旁白、音乐、字幕或转场。
• 仅在任务需要时查阅配方文档；简单编辑时不要阅读所有参考文档。