create-remotion-geist

Create Remotion videos styled with Vercel's Geist design system - dark backgrounds, spring animations, Geist fonts, and the 10-step color scale. Scaffold the project: Create core files (see references/project-setup.md for templates): Build scenes following the pattern in references/scene-patterns.md Render: Use spring-based animations for Geist's smooth aesthetic: - Creating any Remotion video that should look like Vercel - Building motion graphics with Geist's dark theme aesthetic - Making animated content using Geist typography and colors - Producing videos that need the polished Vercel visual style - NEVER use emojis - Use proper Geist icons from @geist-ui/icons package - Use official brand assets - Download from official sources, don't hand-craft SVGs - Entry point must be .tsx - Use src/index.tsx with registerRoot() , not .ts - Use prism-react-renderer for code - Do NOT use regex-based syntax highlighting - Scaffold the project: mkdir -p src/ { scenes,components,utils } out npm init -y npm install remotion @remotion/cli @remotion/tailwind react react-dom npm install -D tailwindcss typescript @types/react npm install @geist-ui/icons # For proper icons - Create core files (see references/project-setup.md for templates): - remotion.config.ts - Enable Tailwind - tailwind.config.js - Geist colors and fonts - src/styles.css - Font loading from CDN - src/index.tsx - Root...