关于 remotion-motion-graphics
用于制作 Remotion 短篇无旁白动态图形的工作流技能,适用于 Logo 动效和标题卡等内容。要求输出时长为 3–10 秒,并指导字体和基于弹簧的运动设计。
主要功能
- 01制作 3–10 秒动态图形
- 02生成循环动画或短片头
- 03使用 spring 与 interpolate 控制运动
- 04通过 Google Fonts 设置字体
- 05设计平滑的入场与退场
适用场景
- 01制作 Logo 动效
- 02制作动画标题卡
- 03构建视频下三分之一字幕条
- 04制作简短公告片头
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ phamthanhnghia/ remotion-agent-skills --skill remotion-motion-graphics安装后在 Claude Code 中输入/remotion-motion-graphics确认已加载。
详细介绍
Remotion 动态图形工作流
制作时长不到 10 秒、精致度极高且无旁白的动态图片段。
规范与前提条件
- 输入: 标题文字、徽标、统计数据或简短公告文字。无旁白。
- 输出: 帧确定性的动态图片循环或转场片段,3–10 s(30 fps 下为 90–300 帧)。
- 触发词:“徽标动画”“动画标题卡片”“下三分之一字幕”“动态图形片头”。
技术指南
- 使用
spring()和interpolate()推导所有运动。 - 使用
@remotion/google-fonts设置字体排版。 - 实现流畅的入场与退场弹簧效果。
评论
支持 Markdown