node -v
git --version

npx skills add remotion-dev/skills

用 Remotion 技能生成一个视频：画面里有一张持续上涨的折线图，
旁边有一个数字从 0% 平滑增长到 78%，
带有发光特效和流畅的过渡动画效果。

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.

Style:
- Dark background (#0f0f0f)
- Neon blue or purple chart lines
- Subtle grid lines with very low opacity
- Clean minimal UI inspired by Apple, Bloomberg, and modern finance dashboards
- Smooth, premium, addictive, highly satisfying to watch
- Optimized for YouTube retention

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

Animation structure:
1. Open with dark screen, fade in title: "The Biggest Companies Keep Getting Bigger"
2. Each company gets a line chart that animates from left to right, rising upward
3. Each new chart starts exactly where the previous one ended, continuing higher
4. Camera slowly moves upward with each chart to reinforce scale and momentum
5. After each chart completes, display label: e.g. "Amazon — $1.9 Trillion"
6. Pacing gradually speeds up to increase excitement
7. Final Apple chart rises noticeably higher with glow, bloom, and impact effect
8. End screen: "Apple — $3.4 Trillion" → "Total value: Over $16 Trillion"

Technical requirements:
- Smooth bezier curves, easeOutExpo or cubic-bezier easing
- useCurrentFrame and interpolate for all animations
- Reusable Chart component for each company
- Smooth text fades, slight camera drift, polished transitions
- 1920×1080, 30fps

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 — no harsh movements
- Overall feel: premium financial infographic / high-end business documentary

Video specs: 1920×1080, 16:9, 30fps, duration 20–30 seconds

Scene structure:
1. Intro — fade from black, reveal dark dashboard, animated grid + floating particles
   Title: "Top 10 Richest People in the World"
   Subtitle: "Animated Wealth Ranking"

2. Leaderboard reveal — 10 stacked ranking cards, each containing:
   - Rank number, person name, net worth value, horizontal comparison bar
   - Staggered entry animation; bars grow left to right
   - Numbers count up from 0 to final value
   - Subtle glow pulse when each value finishes counting

3. Wealth comparison — bars with neon glow, soft reflections, slight bloom
   Rolling number effect for net worth values

4. Top 3 spotlight — enlarged cards, stronger glow, richer motion, light sweeps
   Classy and premium, not loud or chaotic

5. Final winner scene — hero frame for #1
   Large rank number, name, and net worth prominently displayed
   Animated background halo, slow pulse glow, floating particles
   Clean hold for 1–2 seconds

Motion design rules:
- Spring-based easing where appropriate
- Soft fade-ins, slide-ups, scale-ins, animated glow pulses
- No sudden cuts or excessive motion
- Maintain visual consistency throughout

Data structure:
const rankings = [
  { rank: 10, name: "Name", netWorth: "$XX Billion", color: "#00e5ff" },
  // ... fill in all 10 entries
];

Technical:
- Reusable components: TitleCard, RankingRow, AnimatedBar, NumberCounter
- All animations via interpolate and spring
- Modular, clean code
- Do NOT make it cartoonish; do NOT clutter the screen
- Prioritize elegance, readability, glow, and smooth motion

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

npx remotion render <composition-id> out/video.mp4