1. Discover Stitch and Remotion MCP servers using `list_tools`.
2. Retrieve Stitch project information (ID, screens, metadata) using `[stitch_prefix]:list_projects`, `[stitch_prefix]:list_screens`, and `[stitch_prefix]:get_screen`.
3. Download screen assets (screenshots) using `web_fetch` or `curl` and organize them in a staging directory.
4. Set up a Remotion project (create a new one or use an existing one) and install necessary dependencies (`@remotion/transitions`, `@remotion/animated-emoji`).
5. Create Remotion components (`ScreenSlide.tsx`, `WalkthroughComposition.tsx`) to display screens with transitions and text overlays.
6. Configure video settings (frame rate, dimensions, duration) in `remotion.config.ts`.
7. Preview and refine the video in Remotion Studio.
8. Render the final video using the Remotion CLI or MCP server.
SynapticSkills