vercel-labs / skill-remotion-geist
★ 22A skill package that teaches your agent 1 capability — every one documented and browsable below, no GitHub required · by vercel.
Each skill below is one capability this package teaches your agent. Install the whole package, or open a skill to install just that one.
Remotion Geist Skill
Create Remotion videos using Vercel's Geist design system aesthetic.
Installation
Copy & paste — that's it
npx skills add vercel-labs/skill-remotion-geistWhat'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
Install the whole package (1 skills):
Copy & paste — that's it
npx skills add https://github.com/vercel-labs/skill-remotion-geistOr install a single skill:
Copy & paste — that's it
npx skills add https://github.com/vercel-labs/skill-remotion-geist --skill <name>Pick the skill name from the Skills tab — each entry there installs independently.