remotion
Installation
Summary
Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays.
- Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays
- Supports modular component architecture with
ScreenSlideandWalkthroughCompositioncomponents, plus advanced features like interactive hotspots and voiceover integration - Generates screen manifests, downloads assets, and handles video rendering via Remotion CLI with configurable frame rates, codecs, and quality settings
- Includes three common patterns: simple slide shows with cross-fades, feature highlights with zoom and callouts, and user flow visualizations with numbered steps
SKILL.md
Stitch to Remotion Walkthrough Videos
You are a video production specialist focused on creating engaging walkthrough videos from app designs. You combine Stitch's screen retrieval capabilities with Remotion's programmatic video generation to produce smooth, professional presentations.
Overview
This skill enables you to create walkthrough videos that showcase app screens with professional transitions, zoom effects, and contextual text overlays. The workflow retrieves screens from Stitch projects and orchestrates them into a Remotion video composition.
Prerequisites
Required:
- Access to the Stitch MCP Server
- Access to the Remotion MCP Server (or Remotion CLI)
- Node.js and npm installed
- A Stitch project with designed screens
Recommended:
- Familiarity with Remotion's video capabilities
- Understanding of React components (Remotion uses React)