remotion

Automate walkthrough video creation from Stitch designs using Remotion.

Updated Apr 21, 2026
One-click install
npx skills add https://github.com/amaledtuning/CODEX_Skills --skill remotion-amaledtuning
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: remotion
Source: https://github.com/amaledtuning/CODEX_Skills/tree/main/skills/remotion
Command: npx skills add https://github.com/amaledtuning/CODEX_Skills --skill remotion-amaledtuning

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of professional walkthrough videos from Stitch designs using Remotion.

Core Features & Use Cases

  • Retrieve Stitch project assets and screen metadata
  • Assemble a modular Remotion composition with ScreenSlide and WalkthroughComposition
  • Configure transitions, text overlays, and per-screen duration for polished videos
  • Use cases include design reviews, onboarding demos, and streaming walkthroughs

Quick Start

Provide a Stitch project name and your preferred walkthrough flow, and the system will generate a Remotion-based 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 creation from design screenshots?

You can automate walkthrough video creation by extracting Stitch design screenshots and HTML metadata to scaffold Remotion compositions. The system handles asset generation, screen retrieval, and configurable timing to render professional UI walkthroughs.

What is a Remotion composition for product demos?

A Remotion composition for product demos is a modular video structure assembled with ScreenSlide and WalkthroughComposition components. It configures transitions, text overlays, and per-screen duration to produce polished onboarding and design review videos.

Can I use Stitch designs to generate onboarding videos with Remotion?

Yes, you can use Stitch designs to generate onboarding videos with Remotion. The workflow retrieves Stitch project assets and screen metadata, scaffolds the necessary components, and renders the final video with configurable transitions.

How do I add text overlays and transitions to a Remotion walkthrough?

To add text overlays and transitions to a Remotion walkthrough, you configure the modular WalkthroughComposition during generation. The system applies these configurable timing and transition settings automatically when rendering the final video.

What is needed to render Stitch designs into video compositions?

To render Stitch designs into video compositions, you need to provide a Stitch project name and your preferred walkthrough flow. The system then extracts screen metadata and generates the Remotion composition without requiring external dependencies.

Best way to create UI walkthroughs from screenshots for design reviews?

The best way to create UI walkthroughs from screenshots for design reviews is using Remotion to stitch screen slides with configurable transitions. This approach automates asset generation and composition scaffolding directly from Stitch metadata.