stitch-remotion

Retrieve Stitch project screenshots and build Remotion walkthrough videos with transitions and text overlays.

38|5|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/gabelul/stitch-kit --skill stitch-remotion-gabelul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-remotion
Source: https://github.com/gabelul/stitch-kit/tree/main/skills/stitch-remotion
Command: npx skills add https://github.com/gabelul/stitch-kit --skill stitch-remotion-gabelul

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Manually creating walkthrough videos for Stitch app designs is time-consuming and requires video editing expertise, leaving many developers and designers unable to effectively demo their prototypes to stakeholders.

Core Features & Use Cases

  • Automated Stitch Screen Retrieval: Fetches screenshots directly from Stitch projects via MCP tools, eliminating manual download and organization work.
  • Remotion Video Composition: Builds a complete Remotion project with configurable transitions, subtle zoom effects, and text overlays for each app screen.
  • Use Case: A developer with a Stitch prototype for a fitness tracking app can use this skill to automatically generate a 1-minute demo video showcasing all core user flows with smooth fades and descriptive screen titles.

Quick Start

Use the stitch-remotion skill to generate a polished walkthrough video from all screens in your connected Stitch project.

Frequently Asked Questions about stitch-remotion

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

FAQPage Schema
How do I create a walkthrough video from app design screenshots without manual video editing?

You can create a walkthrough video by fetching Stitch app design screenshots via MCP and building a Remotion composition with transitions and text overlays to render an MP4 file automatically.

How does Remotion use Stitch screenshots to generate demo videos?

Remotion uses Stitch screenshots retrieved through MCP tools to build a project with configurable transition effects, subtle zoom, and descriptive text overlays, rendering a final MP4 video output.

Can I use this to generate a prototype pitch video from a Stitch project?

Yes, this approach is designed for scenarios where developers or designers need to demo Stitch prototypes, pitch app concepts, or create onboarding walkthroughs from their connected Stitch project.

What do I need to render MP4 walkthrough videos from Stitch designs?

You need Stitch MCP access for screen retrieval, Node.js 18 or higher, and the Remotion CLI installed to render the final MP4 walkthrough video with configurable transition effects.

Are there limitations when using Remotion to build app walkthrough videos from Stitch designs?

Limitations include requiring a connected Stitch project for MCP screen retrieval and a local environment with Node.js 18+ and the Remotion CLI to render the final video output.

What is the best way to automate app onboarding video creation from Stitch prototypes?

The best way is using the stitch-remotion skill to automatically retrieve Stitch project screenshots and compile them into a Remotion project with smooth fades, zoom effects, and descriptive screen titles.