remotion

Retrieves Stitch project screens and renders Remotion walkthrough videos with transitions and text overlays.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates the creation of professional walkthrough videos from Stitch screen designs by orchestrating Remotion-based compositions with transitions, text overlays, and timing control.

Core Features & Use Cases

  • Automated asset retrieval from Stitch projects and generation of a Remotion walkthrough, including transitions (fade, slide, zoom) and text overlays.
  • Modular Remotion components and manifest-driven workflows that render configurable videos for onboarding, design reviews, and product demos.
  • End-to-end rendering pipeline that downloads screenshots, assembles React components, previews in Remotion Studio, and outputs a final video file.

Quick Start

Provide a Stitch project and desired walkthrough; the agent will fetch screens, download assets, generate a Remotion composition, and render 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 create walkthrough videos from Stitch screen designs?

You can create walkthrough videos from Stitch screen designs by retrieving project screens and composing a Remotion video with transitions and text overlays. The pipeline downloads screenshots, generates React components, and renders the final video output.

Can I automate transitions and text overlays in Remotion for onboarding demos?

Yes, you can automate transitions and text overlays in Remotion for onboarding demos using a manifest-driven workflow. It generates modular React components that apply fade, slide, or zoom effects across your screen assets.

Do I need Stitch and Remotion MCP access to render product walkthrough videos?

Yes, you need both Stitch and Remotion MCP access to render product walkthrough videos. The Skill coordinates asset download and manifest generation between the two platforms to assemble and output the final video file.

What is the best way to generate React components from Stitch screenshots?

The best way to generate React components from Stitch screenshots is using an automated manifest-driven pipeline. It downloads screen assets from your Stitch project and assembles modular Remotion components for rendering.

Does this Remotion walkthrough pipeline require Node.js setup?

Yes, the Remotion walkthrough pipeline requires Node.js setup along with a configured Remotion project environment. These dependencies are necessary to generate React components and orchestrate the final video render.