Remotion 蜡烛图 (Candlestick) 动画制作流程

本 skill 记录了在 vibe-motion-app 这个 Remotion 项目中创建 S&P 500 K 线图的完整制作过程。

前置条件

• Remotion 4.0.438 项目，已配置 React 19 + TailwindCSS v4
• 插件架构：motion/ 定义场景，remotion/ 处理 Remotion 合成管线
• pnpm 作为包管理器

步骤 1：获取金融数据

Yahoo Finance 提供免费的历史 OHLC 数据（无需 API Key）。

创建 scripts/fetch-sp500-data.mjs：