Remotion Geist Skill

Create Remotion videos using Vercel's Geist design system aesthetic.

Installation

npx skills add vercel-labs/skill-remotion-geist

What's Included

• Dark theme setup - #0a0a0a background, proper color palette
• Geist fonts - CDN loading for Geist Sans and Geist Mono
• Spring animations - Smooth, damped motion utilities
• Design tokens - Colors, typography classes, spacing
• Scene patterns - Templates for common video scenes
• Component styles - Visual representations of Geist UI components

Trigger Phrases

Use /create-remotion-geist or ask to:

• "Create a Remotion video with Geist styling"
• "Make an animated video using Vercel's design system"
• "Build a motion graphic with the Geist aesthetic"

Quick Start

The skill provides everything needed to scaffold a Remotion project with Geist styling:

• Tailwind config with Geist colors
• Font loading from jsDelivr CDN
• Animation utilities (fadeIn, springIn, slideUp, etc.)
• Scene structure patterns