skills.rest
involvex
involvexCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

remotion

Generate MP4 or WebM walkthrough videos from Stitch project screens.

Updated Mar 25, 2026
Search Tags:#screenshots#video#animation#remotion#walkthrough#stitch#remotion-cli
One-click install
npx skills add https://github.com/involvex/skills --skill remotion-involvex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion
Source: https://github.com/involvex/skills/tree/main/skills/remotion
Command: npx skills add https://github.com/involvex/skills --skill remotion-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the production of polished walkthrough videos from Stitch app designs by retrieving screens, downloading screenshots, and composing them into a timed Remotion video so teams avoid manual editing and inconsistent presentation.

Core Features & Use Cases

  • Automated asset retrieval: List Stitch projects and screens, fetch screen metadata and screenshot download URLs, and save assets to a project staging area.
  • Modular Remotion composition: Generate ScreenSlide and WalkthroughComposition components, configure frame rates and dimensions, and sequence screens with transitions.
  • Transitions, overlays, and audio: Support fades, slides, zooms, text annotations, hotspots, and optional voiceover synchronization for product demos, onboarding clips, and release highlights.
  • Use case: Turn a Stitch project like "Calculator App" into a narrated MP4 walkthrough that highlights key screens and interactions.

Quick Start

Create a Remotion walkthrough video from the Stitch project "Calculator App" by listing its screens, downloading screenshots into assets/screens/, creating a screens.json manifest, and rendering WalkthroughComposition to output.mp4.

Frequently Asked Questions about remotion

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

FAQPage Schema
How do I create a walkthrough video from Stitch project screens?▼

You can create a walkthrough video by listing Stitch project screens, downloading screenshots into a staging area, generating a screens.json manifest, and rendering Remotion compositions to MP4 or WebM output.

Can I add transitions and text overlays to Remotion walkthrough videos?▼

Yes, you can add fades, slides, zooms, text annotations, hotspots, and optional voiceover synchronization to Remotion walkthrough videos for product demos and onboarding clips.

Do I need a Stitch MCP server to generate Remotion video compositions?▼

Yes, generating Remotion video compositions requires a Stitch MCP server for asset URLs, Node.js with Remotion CLI or a Remotion MCP for rendering, and the ability to download and scale screenshots.

What is the best way to automate product preview videos from app designs?▼

Automating product preview videos from app designs involves retrieving Stitch project screens, composing React-based Remotion compositions with timed manifests, and rendering them into MP4 demos for product previews.

Does Remotion CLI support rendering walkthrough videos with timed screen manifests?▼

Yes, Remotion CLI supports rendering walkthrough videos by sequencing React-based compositions from timed screen manifests, producing MP4 or WebM demos for product previews and onboarding.

Related Skills

Explore More Design & Creative Skills→
JayJihyunKimJayJihyunKim
1

remotion

Convert Stitch screens into Remotion walkthrough videos with transitions.

Community
Advanced
vercel-labsvercel-labs
904

webreel

Create scripted browser demo videos from JSON step configs.

Official
Advanced
vhoangbkvhoangbk

remotion

Generate walkthrough videos from Stitch app designs using Remotion.

Community
Advanced
amplitudeamplitude
142

launch-video

Plans and produces launch videos, GIFs, screenshots, and Remotion compositions for multiple platforms.

Official
Intermediate