用途:为 Remotion 视频提供非动画层面的创意方向,包括品牌、节奏、风格、旁白与构图。应在 remotion-core 的技术契约就绪后使用;涉及运动模式、弹簧蓝图、转场与文字动画时改用 remotion-animation。
主要能力:处理设计规范(frontmatter 中的颜色、字体、间距、语气视为品牌事实,解析顺序 frame.md → design.md → DESIGN.md);提供现成视觉预设、命名风格或情绪路由、快速默认值;多场景节拍与节奏规划;构图模式(画中画、文字置于主体后、标题卡、幻灯片);数据/信息图呈现;字体选择与配对;脚本节奏、语气、开场与数字读法;预计算音频频段映射到运动。
使用方式:任何非平凡构图先读 references/house-style.md 与 references/video-composition.md,跳过是产生通用输出的最大原因。按主题查阅对应参考文件:默认调色板与排版看 house-style.md,风格预设看 visual-styles.md,构图看 composition-patterns.md,数据呈现看 data-in-motion.md,视频密度看 video-composition.md,节拍看 beat-direction.md,运动护栏看 motion-principles.md,字体看 typography.md,旁白看 narration.md,音频反应看 audio-reactive.md。Remotion 使用 React 内联样式,渲染输出无浏览器 CSS 级联,需显式声明 fontFamily,优先用 px,通过 @remotion/google-fonts 加载字体,例如 import {loadFont} from '@remotion/google-fonts/Inter'; const {fontFamily} = loadFont();。音频反应需在编写前预提取频段,用 @remotion/media-utils 预分析,命令:node scripts/extract-audio-data.mjs public/music.mp3 --out public/audiomap.json,再静态导入 JSON 映射动画参数。
适用场景:需要为 Remotion 视频确定视觉方向、品牌一致性、节奏与叙事结构时。
限制:不覆盖 remotion-core 技术规则;最小技术构图不要求设计系统;除非请求或先提议扩展,否则不添加额外场景、旁白、音乐、字幕或转场;简单编辑不要读取全部参考文件。具体收费、价格与平台信息暂未提供。