remotion

Generate walkthrough videos from Stitch screen data using Remotion pipelines.

4|3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/valuedriven/devai --skill remotion-valuedriven
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion
Source: https://github.com/valuedriven/devai/tree/main/.agents/skills/remotion
Command: npx skills add https://github.com/valuedriven/devai --skill remotion-valuedriven

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the end-to-end creation of video walkthroughs by linking Stitch screen data to a Remotion pipeline, saving time and ensuring consistent visual presentations.

Core Features & Use Cases

  • Integrates Stitch MCP to fetch project screens and metadata.
  • Generates modular Remotion components (ScreenSlide, WalkthroughComposition) and a manifest (screens.json).
  • Renders polished walkthrough videos with configurable durations, transitions, and text overlays for client demos or onboarding.

Quick Start

Create a Remotion-based video workflow that builds a walkthrough from a Stitch project and renders the final 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 screen data?▼

You can automate walkthrough video generation by linking Stitch screen data to a Remotion pipeline, which fetches project screens and metadata to assemble modular React compositions and render the final video.

Can I use Remotion to create client-ready demo videos from a Stitch project?▼

Yes, Remotion integrates with Stitch to produce client-ready demo videos by retrieving project assets and rendering them with configurable durations, transitions, and text overlays.

How do I add configurable transitions and text overlays to a Remotion composition?▼

Configurable transitions and text overlays are applied within modular Remotion components like ScreenSlide and WalkthroughComposition, driven by a generated JSON manifest that sequences the screens.

What is the best way to render React-based video compositions for app onboarding?▼

Rendering React-based video compositions for onboarding is handled via Remotion CLI or MCP, orchestrating the output of manifest-driven sequences into a polished walkthrough video.

Do I need a Stitch MCP to fetch project screens for Remotion video pipelines?▼

Yes, the Stitch MCP is required to fetch project screens and metadata, which are then used to generate the Remotion components and manifest needed for the video pipeline.

Why use manifest-driven sequencing for Stitch walkthrough videos?▼

Manifest-driven sequencing uses a generated screens.json file to define the exact order and timing of Stitch screen data, ensuring consistent visual presentations and modular React-based composition throughout the walkthrough.