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.