YouTube 高级动画制作教程｜用 Claude AI 做出专业级信息数据动画

如果你也想做那种看起来很高级的 YouTube 视频，比如图表在动、数字在跳、整个画面很有“科技感”和“专业感”，其实现在已经不一定要去学特别复杂的动画软件了。现在很多这类效果，已经可以直接借助 AI 做出来，而且特别适合做 YouTube 不露脸频道。如果你也想往这个方向做，建议你先把这篇内容收藏起来，跟着步骤一步一步操作。想少走弯路，也可以直接向有风咨询，加入我的知识星球圈子。

相关工具链接我也帮你顺手整理一下：
Claude
Visual Studio Code（VS）
Node.js
Git

如果你平时还会顺带做配音、数字人、图片或视频素材，也可以一起收藏这几个常用工具：
Heygen：AI虚拟数字人制作
 Openart：一站式AI图片/视频生成平台
 ElevenLabs：AI配音工具
如果你暂时没有 Claude 或 ChatGPT 相关账号，也可以看看这个：ChatGPT 会员代充、账号购买平台（银河录像局）

这期内容的核心，其实就是教你怎么用 Claude Code + Remotion，做出高级的信息动画、数据动效和动态图表视频。原文里有不少术语因为语音转文字出现了错误，这里我先帮你统一纠正一下：文中的“cloud AI”“cloud code”“the motion”这些说法，正确名称分别是 Claude、Claude Code、Remotion。这些名字一定要写对，因为后面不管是安装软件、搜索教程，还是自己实际操作，都离不开这几个关键词。

提示词1：

用 Remotion 这个技能生成一个视频：画面里有一张图表向上上涨，同时旁边有一个数字从 0% 平滑地增长到 78%，整个过程带有流畅的动画效果和发光特效。

提示词2：中文版理解

这个主题的意思就是：

做一个高质量 Remotion 动画，用一路向上的折线图展示“全球市值最高的 10 家科技公司”。

风格还是延续你刚刚那种：

深色背景
霓虹蓝/紫色线条
极简金融科技风
镜头缓慢上移
节奏越来越快
最后用 Apple 做高潮收尾

完整提示词：

Create a high-quality Remotion animation that visualizes the Top 10 Most Valuable Tech Companies in the World using smooth, rising line charts in a modern cinematic style. Use a dark background (#0f0f0f) with neon blue or purple chart lines, subtle grid lines with very low opacity, and a clean minimal UI inspired by Apple, Bloomberg, and modern finance dashboards. The animation should feel smooth, premium, addictive, and highly satisfying to watch, optimized for YouTube retention.

Use this exact data:
const data = [
{ name: “Oracle”, value: 450 },
{ name: “Tencent”, value: 470 },
{ name: “TSMC”, value: 620 },
{ name: “Meta”, value: 1250 },
{ name: “Tesla”, value: 1350 },
{ name: “Berkshire Hathaway”, value: 1400 },
{ name: “Amazon”, value: 1900 },
{ name: “Alphabet”, value: 2100 },
{ name: “Microsoft”, value: 3200 },
{ name: “Apple”, value: 3400 }
];
Values are in billions USD.

The animation should begin with a dark screen and fade in the text:
“The Biggest Companies Keep Getting Bigger”

Then start a sequence where each company is introduced with a line chart that animates from left to right and rises upward. Each new chart must start exactly where the previous one ended and continue even higher, creating a continuous upward progression across the full animation.

The camera should slightly move upward with each new chart to reinforce the feeling of scale and momentum. After each chart animation completes, display the company’s name and market value in a clean readable format such as:
“Amazon — $1.9 Trillion”

The pacing should gradually speed up as the charts progress to increase excitement and engagement. For the final scene, the Apple chart should rise noticeably higher than all previous charts, with a subtle glow, bloom, and impact effect to emphasize dominance and scale.

Then display:
“Apple — $3.4 Trillion”
followed by a final line:
“Total value: Over $16 Trillion”

Use smooth bezier curves for the chart lines instead of sharp angles, and apply easing functions such as easeOutExpo or cubic-bezier for polished motion. Add subtle sound design such as soft whooshes for each chart rise and a deep cinematic impact sound for the final chart reveal.

Build this in Remotion using React components, with useCurrentFrame and interpolate for all animations. Create a reusable Chart component for each company. Use smooth text fades, slight camera drift, and polished transitions throughout.

Ensure the animation runs at 1920×1080 resolution at 30fps. The final result should feel minimal, cinematic, premium, visually impressive, and highly engaging for viewers.

如果你想要更适合 YouTube 的主题，我也可以继续给你写类似的版本，比如：

全球票房最高的 10 部电影
历史上播放量最高的 10 位 YouTuber
全球最贵的 10 个品牌
AI 工具用户增长排行榜
过去 10 年比特币价格上涨动画
全球最富有的 10 个国家
全球访问量最高的 10 个网站

提示词2：富人排行榜

Create a high-quality Remotion animation that visualizes the Top 10 Richest People in the World using smooth, premium-looking motion graphics in a futuristic dark-tech dashboard style.

Style direction:
– Cinematic, modern, polished, minimal, data-visualization aesthetic
– Dark navy / black background with subtle gradients
– Neon cyan, teal, electric green glow accents
– Soft glassmorphism panels, rounded corners, thin glowing borders
– Elegant typography, high contrast, clean spacing
– Smooth, luxurious animation with no harsh movements
– Overall look should feel like a premium financial infographic or a high-end business documentary intro

Video specs:
– Duration: 20 to 30 seconds
– Format: 16:9 landscape
– Resolution: 1920×1080
– Frame rate: 30 fps

Animation concept:
Build a leaderboard-style animated infographic showing the Top 10 Richest People in the World ranked from #10 to #1, with each person’s name, net worth, rank number, and a horizontal wealth bar that animates smoothly.

Scene structure:
1. Intro scene
– Fade in from black
– Background slowly reveals a dark futuristic financial dashboard
– Subtle animated grid, floating particles, and soft light bloom
– Title appears with smooth upward motion and glow:
“Top 10 Richest People in the World”
– Subtitle fades in beneath:
“Animated Wealth Ranking”

2. Leaderboard reveal
– Display 10 stacked ranking cards or rows
– Each row contains:
– Rank number
– Person’s name
– Net worth value
– Horizontal comparison bar
– Rows animate in one by one with staggered timing
– Bars should grow smoothly from left to right
– Numbers should count up from 0 to the final value
– Add subtle glow pulses when each value finishes counting
– Camera can slightly pan or zoom for a dynamic premium feel

3. Wealth comparison emphasis
– As the ranking progresses, highlight the differences in fortune clearly
– Use animated bars with different lengths based on relative wealth
– Bars should have neon glow, soft reflections, and slight bloom
– Net worth values should animate with a smooth rolling number effect
– Add elegant transitions between ranks, not overly flashy

4. Top 3 spotlight
– When reaching the top 3, make the presentation more dramatic
– Slightly enlarge the top 3 rows or move them into separate featured cards
– Add stronger glow, richer motion, and subtle light sweeps
– Introduce a more cinematic camera move or scale-in effect
– Keep it classy and premium, not loud or chaotic

5. Final winner scene
– Highlight the #1 richest person in a hero frame
– Show large rank number, person’s name, and net worth prominently
– Add animated background halo, slow pulse glow, and subtle floating particles
– Final composition should feel powerful, elite, and luxurious
– End with a clean hold for 1–2 seconds

Motion design rules:
– All animations must be smooth, refined, and professional
– Use spring-based easing where appropriate
– Use soft fade-ins, slide-ups, scale-ins, and animated glow pulses
– Avoid sudden cuts, cheap effects, or excessive motion
– Maintain visual consistency throughout the entire piece
– Keep timing elegant and readable

Design details:
– Use thin luminous borders on cards
– Add faint chart grids or financial UI elements in the background
– Include subtle ambient motion so the scene never feels static
– Bars and numbers should be the main visual focus
– Typography should feel premium and documentary-like
– Make the animation suitable for YouTube finance, business, or documentary content

Data handling:
– Structure the code so the ranking data can be easily edited in an array
– Each item should include: rank, name, netWorth, and optional accent color
– Use reusable Remotion components for title, ranking row, animated bar, and counter
– Ensure the layout remains balanced and readable for all 10 entries

Technical expectations:
– Use Remotion best practices
– Keep code modular and clean
– Use smooth interpolations for bar growth and number count-up
– Make the final render feel like a polished motion-graphics template
– Output should be visually impressive enough for a professional YouTube video

Important:
– Do not make it cartoonish
– Do not use cluttered visuals
– Do not overload the screen with too much text
– Prioritize elegance, readability, glow, and smooth financial-infographic motion

先说结论，这种视频很适合做 YouTube 内容，尤其适合不想露脸、又想把视频做得更高级的人。因为这类频道一旦跑起来，画面观感会很强，观众会更容易停留，也更容易觉得你的视频“像团队做的”。原文里提到，有些类似频道靠排行榜、数据动画、视觉动效这种形式，做到了很高的播放量，这也说明这种内容方向本身是有市场的。

如果你准备跟着做，第一步不是直接生成动画，而是先把基础工具装好。你需要准备的核心工具有这几个：Claude、Visual Studio Code、Node.js、Git。其中，Claude 是你后面真正调用 AI 能力的核心账号；Visual Studio Code 也就是大家常说的 VS Code，是后面操作 Claude Code 最方便的环境；Node.js 和 Git 则是运行相关命令和安装依赖时必须要有的基础工具。你可以先把这些工具都装好，后面操作会顺很多。

相关工具链接我也帮你顺手整理一下：
Claude
Visual Studio Code（VS）
Node.js
Git

接下来就是安装 Claude Code。更推荐的做法，不是单独去用桌面版，而是直接把它装进 VS Code 里使用。这样后面你写提示词、运行命令、修改文件、生成动画，全部都能在一个界面里完成，效率会高很多。原文里讲到的流程，大致就是先打开 VS Code，然后去左侧扩展栏搜索 Claude Code，安装完成以后，再把你的 Claude 账号授权连接进去。这样一来，你在右侧聊天窗口里，就可以直接和 Claude Code 对话了。

但如果你想真正生成动态图和信息动画，还差最后一步：安装 Remotion 相关技能。因为 Claude Code 本身更像是一个“会帮你写代码、跑命令、做项目”的 AI 助手，而 Remotion 则是用来生成视频动画的核心工具。简单理解，你可以把 Remotion 看成是“用代码做视频”的一套方案。也就是说，它不是像传统剪辑软件那样一帧一帧拖时间轴，而是直接通过代码把动画做出来。这样做的好处是：只要你的提示词足够清楚，很多原本很复杂的动效，都可以自动批量生成。

当这些环境都装好以后，真正好玩的部分才开始。因为这个时候，你就可以直接给 Claude Code 一段提示词，让它帮你生成动画了。比如你可以这样描述：做一个数据上涨的动态图，画面里有一张持续上升的图表，旁边有一个数字从 0% 平滑增长到 80%，并带有发光效果和流畅过渡。像这种提示词，其实已经足够让它做出一个很像样的动画雏形了。原文里也反复强调了一点：你不一定要自己一点点去做动画，你只需要把想法说清楚，Claude Code + Remotion 就能把很多视觉效果自动做出来。

更重要的是，这种思路特别适合做排行榜类、数据对比类、国家对比类、科技公司排名类，或者富豪榜、平台用户增长、粉丝增长这类内容。因为这些题材本身就很适合用动态图来展示，一旦画面动起来，视频会明显更有吸引力。中间如果你不知道提示词怎么写，也完全可以先让 AI 帮你生成提示词，再把那段提示词丢给 Claude Code 去执行。这样整个内容生产流程会快很多。

很多人第一次看到这种效果，会以为背后一定要学 After Effects 之类的专业软件，其实不一定。你现在完全可以换一种思路：把 Claude Code 当成你的 AI 技术助手，把 Remotion 当成你的动画引擎，然后用“提示词 + AI 执行”的方式，把原本很复杂的动画制作流程简化下来。这样做最大的优势，不只是省时间，而是更适合普通人持续做内容，尤其适合想做 YouTube 不露脸频道、又不想把大量时间花在学复杂软件上的创作者。

不过这里也要提醒你一个很关键的点：第一次生成的时候，Claude Code 可能会不断弹出权限确认。比如它会问你要不要允许执行某些命令、要不要安装依赖、要不要授权访问文件夹。这个过程其实很正常，因为 Claude Code 不是单纯陪你聊天，它是真的会在你的电脑环境里跑命令、建文件、改项目。原文里也提到，第一次会稍微麻烦一点，但只要你把这些必要权限按要求放行，后面再用时就会顺很多。

当动画生成完成后，文件通常会输出到本地文件夹里。不同电脑路径可能不一样，所以你第一次操作时，最好留意一下输出位置。原文里说得很清楚：有时候它会直接生成到桌面某个项目文件夹里，你也可以通过路径去找最终导出的视频文件。找到之后，直接播放预览，就能看到刚刚用 AI 生成的动态图效果。这个环节其实很重要，因为很多人第一次做完，会误以为“没有生成成功”，其实只是没找到输出文件而已。

那这种动画适合拿来做什么内容？从 SEO 和流量角度来说，最值得做的方向主要有这几类：排行榜视频、数据对比视频、国家对比视频、平台增长视频、科技公司排名、富豪榜、粉丝数变化、市场份额变化、历史演变类视频。因为这些选题天生就适合“图表会动、数字会跳”的表现形式，观众一眼就能看懂，平台也更容易识别出这是高信息密度的视频内容。原文中提到的一些案例，本质上也是在说明：这类题材不需要露脸，也不一定需要特别强的口才，但只要画面足够专业，依然有机会做出很高的播放量。

从网站 SEO 的角度来看，你这类文章的核心关键词其实也很明确，比如：Claude Code 教程、Remotion 教程、AI 做 YouTube 视频、YouTube 不露脸频道、信息动画制作、动态图表视频、AI 动画视频教程、数据动效制作。这些词都可以自然分布在标题、小标题、正文开头和中间段落里，不要硬堆，但要让 Google 看得出这篇文章到底在讲什么。你现在这篇内容本身就很适合往“教程型关键词 + 工具型关键词 + 变现型关键词”去布局，这样既能满足搜索流量，也更方便自然插入联盟链接。

比如在工具推荐这一块，你就可以顺手把相关资源自然放进去，而不是生硬广告化。像做这类视频时，你除了会用到 Claude Code 和 Remotion，还可能会搭配这些工具一起用：
Heygen：AI虚拟数字人制作可以用来做数字人口播；
ElevenLabs：AI配音工具适合给不露脸视频配旁白；
Openart：一站式AI图片/视频生成平台可以补充封面图和素材图；
如果你需要账号或会员支持，也可以看看这个：ChatGPT 会员代充、账号购买平台（银河录像局）。
这种插入方式就会比单独甩链接更自然，也更符合内容型 SEO 页面常见的写法。

再往深一点说，Claude Code + Remotion 最强的地方，不只是帮你做一个动画，而是它有机会帮你把一整套视频制作流程提速。比如你想做“全球最有钱的 10 个人”“全球市值最高的 10 家科技公司”“不同国家 Instagram 粉丝排行榜”这类视频，以前你可能需要自己找数据、自己排版、自己做动画，现在很多步骤都可以先让 AI 辅助完成。原文里也提到一个很实用的思路：如果你不会写提示词，不要死磕，你可以先让 AI 帮你生成更完整、更专业的提示词，再把提示词丢给 Claude Code 去执行。这样做，效率会高很多。

# YouTube视频教程