Communitygithub.com

mryunkaka/remotion-visual-direction

为 Remotion 视频赋予生动的角色、背景与动感,避免沦为泛泛的幻灯片。在故事板或场景创作时使用。

remotion-visual-direction 是什么?

该技能专注于为 Remotion 视频创作富有表现力的视觉方向,确保画面具有角色个性、丰富背景和灵活动感,而非千篇一律的幻灯片效果。它指导开发者从叙事节奏的情感和信息出发,选择最适合故事的媒体类型(如插画、授权素材、拼贴、2D 形状、Canvas、3D 等),并建立统一的调色板、形状、光影、纹理、焦点和运动规则,同时在不同节拍间提供变化。在镜头设计上,技能强调每个镜头都要明确主体/焦点、前后景、比例、运动方向、相机运动以及转场理由。背景不应只是带几个方块的渐变,而应通过大小、重叠、视差、光照或焦点变化构建深度。运动设计推荐一两种主动作加上细腻的次动作,相机运动如平移、追踪、推拉、环绕、俯仰或静态相机可在各镜头间变化,并需有意义的缓动和停顿。角色处理方面,技能建议根据故事需求选择合适的风格(插画、2.5D 角色、授权素材或符号化形式),避免不真实的照片级图形;画出的角色需有连贯设计,动画时要注意肩、肘、手腕、头部、视线、头发/布料的合理枢轴,加入重量转移、预期动作、跟随动作和细微呼吸感,并根据情绪调整节奏。如果代码生成的角色质量影响最终效果,建议简化风格为优雅的剪影/剪纸或选用清晰授权的图片/素材,而非硬撑僵硬的形象。整体上,该技能支持 Remotion 平台,要求始终确定性且基于帧,提醒开发者从静态截图、联系表和动态预览中检查问题,确保文本简洁、位于安全区域,并避免通用化的过渡、故障、粒子、颗粒或光效。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mryunkaka/remotion-video/tree/HEAD/.opencode/skills/remotion-visual-direction

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

视觉与动感方向

从叙事节拍的情感和信息出发。选择最适合故事的媒介和构图:插画、授权素材、拼贴、2D 形状、SVG、Canvas 或 3D(若确实需要)。制定关于调色板、形状、光影、纹理、焦点和运动的一致规则,但在不同节拍间要有变化。

对于每个镜头,明确主体/焦点、前景区、背景区、比例、运动方向、相机运动以及转场理由。将背景设计为可识别的空间:环境形态、表面、地平线、远近距离、光照以及上下文细节。不要停留在带有几个方框的空白渐变上。通过大小、重叠、视差、光照或焦点变化构建深度。仅当艺术风格确实需要时才添加雾气效果。

设计一到两种主要运动和一种细腻的次要运动。在不同镜头间选择不同的相机运动——例如平移、跟踪、推拉、环绕、俯仰、倾斜或静态相机——并使用有意义的缓动和停顿。不要在整个场景中使用相同的缩放。仅当场景需要时才为元素赋予有机形状。

角色与身体

如果故事确实需要展示人物,需确定最适合的风格:插画、2.5D 角色、授权素材或符号化形式。不要用不可信的形状绘制照片级图形。角色设计要在各镜头间保持一致。对于分层插画,使用合理的枢轴对肩膀、肘部、手腕、头部、视线、头发/布料进行动画处理;添加重量转移、预期动作、跟随动作以及细微的呼吸运动(前提是镜头足够长)。根据情绪变化调整节奏,不要让所有部位都使用相同的弹性弹簧弹动。除非特意选择图形化风格,否则避免人体看起来像一堆矩形堆叠。

如果通过代码生成的角色质量会降低最终效果,可将风格简化为整洁的剪影/剪纸,或选择具有清晰许可证的图片/素材,而不是强行使用僵硬的人物。避免漂浮的物体、过度的噪点纹理以及会模糊主题的虚假细节。

Remotion 必须保持确定性和帧基。通过场景的静态截图、联系表和动态预览来检查设计是否在代码中看起来不错但播放时却很糟糕。文本应保持简短、在目标屏幕上清晰可读,并位于安全区域内。没有全局通用的过渡、故障、粒子、颗粒或光效。

相关技能