create-remotion-geist - Create Remotion videos with Geist design system
Create Remotion videos styled with Vercel's Geist design system aesthetic
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create Remotion videos
- apply Geist design tokens
- use spring animations
- render video files
- load Geist fonts
Inputs
- Geist design tokens
- @geist-ui/icons package
- prism-react-renderer library
- Remotion framework
- Tailwind CSS configuration
- Geist fonts from CDN
Outputs
- Remotion video files
- Video scenes with Geist styling
- Animation sequences
- MP4 video files
Requirements
- Node.js environment
- npm package manager
- TypeScript support
- @geist-ui/icons installed
- prism-react-renderer installed
- Remotion CLI installed