remotion-transitions
Custom Remotion scene transitions with production-ready animation patterns
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install remotion-transitions?▼
Run `npx skills add Ashad001/remotion-transitions --all -g -y` in your terminal to install the skill globally.
How to make custom transitions in Remotion?▼
This skill teaches the TransitionPresentation API pattern, where one component wraps both scenes and animates based on presentationProgress and direction. It includes a full scaffold plus six ready-made transitions you can drop into any TransitionSeries.
What transitions are included in this skill?▼
Six production-ready effects: Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, and Glitch Slam, each with full TypeScript source and customization tips.
Does it work with Claude Code and other AI coding tools?▼
Yes. It follows the universal SKILL.md standard and auto-activates when you ask about custom Remotion transitions, glitch effects, or animation timing in Claude Code, Cursor, or compatible tools.
Do I need animation experience to use it?▼
No. The animation math reference explains easing functions, stagger formulas, and spring configs in plain terms, and you can copy the catalog transitions directly without writing motion code from scratch.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video