Remotion Skill 制作视频完整过程和提示词 关注我往期动画视频的朋友们,很多都很关心咱们的视频是怎么做的,一直想写一篇文章分享制作环境、过程和提示词,今天终于写好了! 制作环境: Claude Code/Codex/Cursor 等支持 Agent Skills 的 AI Agent,使用 'remotion-best-practices' 这个 Agent Skill,大家可以自行搜索,或让 AI Agent 自己找自己装。 视频核心结构: Hook → Why → Process → Essence → Tips → End Card 每个场景 4-8 秒,控制在 1 分钟内。 制作过程: 在 AI Agent 中输入要求,请使用 remotion-best-practices 为以下内容生成动画视频,参考以下提示词 [...],输出 MP4 文件。 视频提示词: 请按以下规范生成一条 3:4 竖版短视频: 分辨率1080×1440,30fps,时长15-20秒。背景音乐音量0.28~0.35,前1秒淡入,后1.5秒淡出。全片基底 #08090c,主色暖橙#f59e0b、辅色冷青#06b6d4,禁止蓝紫渐变与高饱和荧光色。 结构:Hook 25%、Content 55%、End Card 15%。Hook 要突出成本对比/核心数据,标题≥80px,团队badge置顶,左右飞入形成碰撞感。 Content 每幕单观点,卡片左/右滑入 spring,progress bar 同步推进;使用 100-140 刚度与damping 18-22。 End Card 显示品牌名、头像旋转光环、三按钮(点赞/转发/关注)横向错位弹入,布局居中。 字体:英文标题 Oswald,中文大标题 Noto Serif SC(60px+),正文 Noto Sans SC(28px+);居中 flex,左右内边距50-80px。 视觉:叠加 0.025 噪点、极淡网格线、60-100px 大光晕 blur(频率≤0.04);关键元素加 willChange。 动画统一:入场 spring 交错 delay10-15帧,转场 fade 15帧且场景重叠;禁止 breathe scale、scan line、wipe。 最后保留 20-30 帧阅读停顿,结尾必须含 CTA(点赞/转发/关注)。 #ai #提示词
00:00 / 00:36
连播
清屏
智能
倍速
点赞24
00:00 / 01:31
连播
清屏
智能
倍速
点赞346
00:00 / 00:17
连播
清屏
智能
倍速
点赞201
00:00 / 04:57
连播
清屏
智能
倍速
点赞5
00:00 / 01:10
连播
清屏
智能
倍速
点赞6
00:00 / 02:16
连播
清屏
智能
倍速
点赞364
00:00 / 05:25
连播
清屏
智能
倍速
点赞256
00:00 / 06:23
连播
清屏
智能
倍速
点赞3
00:00 / 00:50
连播
清屏
智能
倍速
点赞26
00:00 / 04:07
连播
清屏
智能
倍速
点赞6
00:00 / 02:01
连播
清屏
智能
倍速
点赞13
00:00 / 01:08
连播
清屏
智能
倍速
点赞11