remotion

Retrieve Stitch screens and render walkthrough videos with Remotion.

Updated Jan 27, 2026
One-click install
npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill remotion-brunosantanadeveloper
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: remotion
Source: https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit/tree/main/skills/remotion
Command: npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill remotion-brunosantanadeveloper

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires curl, and includes scripts (resource) components.

What problem does it solve?

Bridges Stitch design retrieval with Remotion video generation to automatically create professional walkthrough videos from app screens.

Core Features & Use Cases

  • Automated retrieval of Stitch project screens and metadata
  • Modular Remotion components for easy customization
  • Multiple transition styles and text overlays
  • Configurable per-screen timing and sequencing
  • End-to-end video rendering via Remotion (CLI or MCP)

Quick Start

Provide a Stitch project and run the Remotion pipeline to render the walkthrough video.

Frequently Asked Questions about remotion

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

FAQPage Schema
How do I automate walkthrough video generation from Stitch app screens?

You can automate walkthrough video generation by retrieving Stitch project screens and passing them to Remotion for composition building and cinematic rendering. This Skill orchestrates automatic screenshot download, Remotion component generation, and video rendering via CLI or MCP.

Can I use Remotion to add transitions and text overlays to Stitch screenshots?

Yes, Remotion supports adding multiple transition styles and text overlays to Stitch screenshots. The Skill generates modular Remotion components that allow easy customization of screen sequencing and visual effects for product demos.

What is the best way to configure per-screen timing for a product demo video?

The best way to configure per-screen timing is by using a configurable manifest that defines the sequencing for your Stitch screen retrieval. This manifest drives the Remotion pipeline to apply specific timing to each captured screenshot during the composition build.

Does this Remotion pipeline require a specific environment to render walkthrough videos?

The Remotion pipeline requires the curl dependency to operate and uses scripts to orchestrate the end-to-end video rendering. You can render the walkthrough videos via the Remotion CLI or MCP integration to produce the final polished output.

Why use Remotion and Stitch together for automated product demos?

Using Remotion and Stitch together bridges design retrieval with automated video generation to create professional walkthrough videos from app screens. This approach eliminates manual screen capture and composition building by automating screenshot download and cinematic rendering.

What limitations exist when automating screen capture and video composition with Remotion?

Limitations center on the dependency on Stitch project availability for screen retrieval and the curl environment for download automation. Video composition is bound by the configurable manifest settings, meaning complex custom transitions may require manual Remotion component modification.