让Claude真正懂动效设计：Remotion Motion Graphics Skill

你让 AI 做过视频吗？出来的效果大概率是——线性淡入淡出、匀速运动、背景纯色、毫无层次感。

大多数 AI 视频工具生成的是像素，真正的 Motion Design 需要的是——精确的时间轴、可控的缓动曲线、逐帧验证的输出。

这就是 Claude Remotion Skill 解决的问题。

让 Claude 真正懂”动效设计”

这个 Skill 本质上是一套 Motion Design 规范库，装进 Claude 的上下文里。装上之后，你对 Claude 说”做个品牌开场动画”，它不再输出干巴巴的 fade in，而是：

• 用 spring 缓动（easeOutExpo）替代线性插值
• 文字分层入场：fade + rise + scale，间隔 3-6 帧的 stagger
• 背景叠加渐变 mesh + 色彩分级 + film grain + vignette
• 静态图片自动 Ken Burns 推拉
• 渲染后用 ffmpeg 抽帧，肉眼检查再交付

整个过程 Claude 自己完成，不需要你懂 After Effects。

能做什么

• Logo 动画：品牌 intro、stinger、splash screen，精确控制颜色和时间
• 竖屏短视频：Reels / TikTok / Shorts，带字幕和 B-roll
• 产品讲解：数据驱动，图表 + 配音 + 字幕同步
• 无脸内容：字幕驱动 + 动态背景，批量化生产
• 动态字幕：逐字同步、动感排版

技术栈

底层是 Remotion（React + TypeScript 做视频），不需要 Premiere / AE。所有内容代码化——文字、颜色、时间、缓动函数，全部可复现、可版本控制、可团队共享。

和 Sora / Runway 这类生成式 AI 视频的区别在于：生成式 AI 是”猜像素”，这个 Skill 是”写代码”——输出是确定的、编辑是自由的、品牌是完全可控的。

怎么装

开箱即用，免费开源（MIT License）。

npx skills add https://github.com/haidrrrry/claude-remotion-skill --skill remotion-motion-graphics

或者手动：

git clone https://github.com/haidrrrry/claude-remotion-skill.git
cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/

装好之后，直接对 Claude 说”帮我做一个 XXXX 视频”就行。

适合谁

做内容创意的、做产品演示的、做品牌营销的——你不需要会动画，Claude 学会了这套规范之后，输出质量会比大多数人的 AE 水平还要高。

如果你对 AI 视频的印象还停留在”出来的效果很平”，建议试试这个 Skill。

GitHub（163 ★） →

GitHub: https://github.com/haidrrrry/claude-remotion-skill