Remotion

Converts Stitch design projects into professional walkthrough videos using Remotion's programmatic video generation. Pulls screenshots from your Stitch screens, sets up a React-based Remotion project with smooth transitions and text overlays, then renders everything to MP4. Handles the entire pipeline from asset retrieval to final render, creating ScreenSlide components with zoom animations and sequencing them with fade/slide transitions. Great when you need to demo app flows or create presentation videos from existing designs without screen recording. The generated Remotion code is clean and modifiable, so you can tweak timing, add voiceovers, or customize animations after the initial setup.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 8
skills.sh installs: 42.1K
GitHub stars: 8.7K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add google-labs-code/stitch-skills --skill remotion --agent claude-code

Installs into .claude/skills of the current project.

Files

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.