Create Remotion Geist

If you're building Remotion videos that need to match Vercel's visual language, this gets you there without guessing at design tokens. It scaffolds projects with the full Geist design system baked in: the 10-step color scale, proper typography classes, spring animations with that signature smooth damping, and crucially, it enforces using actual Geist icons instead of emojis. The setup is opinionated in good ways, like requiring TSX entry points and using prism-react-renderer for code blocks rather than fragile regex highlighting. It's basically a guard rail system that keeps your motion graphics looking polished and on-brand instead of like a knockoff. Worth using if you're doing any video work in the Vercel ecosystem or just want that dark, clean aesthetic without reinventing spacing tokens.

Install to Claude Code

npx -y skills add vercel-labs/skill-remotion-geist --skill create-remotion-geist --agent claude-code