create-remotion-geist

SKILL.md

Create Remotion Geist Video

Create Remotion videos styled with Vercel's Geist design system - dark backgrounds, spring animations, Geist fonts, and the 10-step color scale.

When to Use

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

Critical Rules

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

Quick Start