stitch-remotion

Generate Remotion MP4 walkthrough videos from Stitch app screens.

2|Updated Apr 2, 2026

Search Tags:#video generation #remotion #walkthrough #stitch #ui animation #text overlays #screen transitions

Ready to run

npx skills add https://github.com/cassioalexandre/agf --skill stitch-remotion-cassioalexandre

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: stitch-remotion
Source: https://github.com/cassioalexandre/agf/tree/main/.agents/skills/stitch/stitch-remotion
Command: npx skills add https://github.com/cassioalexandre/agf --skill stitch-remotion-cassioalexandre

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

It automates the time-consuming process of converting Stitch app screen designs into a finished, professional walkthrough video without manually rebuilding animations and text overlays.

Core Features & Use Cases

Stitch-to-video screen retrieval: Fetches project screens and their metadata (titles, descriptions, dimensions) via Stitch MCP.
Automated asset download: Downloads screenshot assets for each screen and stages them for rendering.
Remotion-based walkthrough generation: Builds a Remotion composition that applies smooth transitions (fade/slide/zoom) and timed text overlays per screen.
Customizable timing & rendering: Uses a manifest (screens.json) to control per-screen duration and render MP4 output via Remotion CLI or MCP.

Quick Start

Ask an agent to look up the screens in your Stitch project and render a Remotion MP4 walkthrough video with smooth transitions and title/description overlays.

Frequently Asked Questions about stitch-remotion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I turn Stitch app designs into a video walkthrough?▼

Generating a Remotion video from Stitch designs requires access to the Stitch MCP to fetch screen assets and metadata, which are then compiled into a manifest and rendered as an MP4 with transitions and text overlays.

Can I customize the transition effects and timing for my Stitch walkthrough video?▼

Yes, transition effects and timing are customizable. The Skill generates a screens.json manifest that lets you control per-screen duration and apply fade, slide, or zoom transitions during the Remotion MP4 render.

Do I need Remotion CLI or MCP access to render walkthrough videos from Stitch?▼

Yes, rendering walkthrough videos from Stitch requires either the Remotion CLI or Remotion MCP to output the final MP4, plus Stitch MCP access to retrieve the initial screen designs and metadata.

What is the best way to automate app demo video generation from UI screen designs?▼

Automating app demo video generation is handled by fetching UI screen designs via Stitch MCP, building a Remotion composition with timed text overlays, and rendering the ordered user-flow sequence directly to an MP4 file.

Does the Stitch to Remotion walkthrough render HTML metadata or just screenshots?▼

The walkthrough render fetches both screenshot image assets and optional HTML metadata from Stitch. This data populates a screens.json manifest, ensuring the final video includes accurate screen titles, descriptions, and dimensions.