skills.rest
cassioalexandre
cassioalexandreCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch-remotion

Generate Remotion MP4 walkthrough videos from Stitch app screens.

2|Updated Apr 2, 2026
Search Tags:#video generation#remotion#walkthrough#stitch#ui animation#text overlays#screen transitions
One-click install
npx skills add https://github.com/cassioalexandre/agf --skill stitch-remotion-cassioalexandre
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-remotion
Source: https://github.com/cassioalexandre/agf/tree/main/.agents/skills/stitch/stitch-remotion
Command: npx skills add https://github.com/cassioalexandre/agf --skill stitch-remotion-cassioalexandre

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

It automates the time-consuming process of converting Stitch app screen designs into a finished, professional walkthrough video without manually rebuilding animations and text overlays.

Core Features & Use Cases

  • Stitch-to-video screen retrieval: Fetches project screens and their metadata (titles, descriptions, dimensions) via Stitch MCP.
  • Automated asset download: Downloads screenshot assets for each screen and stages them for rendering.
  • Remotion-based walkthrough generation: Builds a Remotion composition that applies smooth transitions (fade/slide/zoom) and timed text overlays per screen.
  • Customizable timing & rendering: Uses a manifest (screens.json) to control per-screen duration and render MP4 output via Remotion CLI or MCP.

Quick Start

Ask an agent to look up the screens in your Stitch project and render a Remotion MP4 walkthrough video with smooth transitions and title/description overlays.

Frequently Asked Questions about stitch-remotion

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

FAQPage Schema
How do I turn Stitch app designs into a video walkthrough?▼

Generating a Remotion video from Stitch designs requires access to the Stitch MCP to fetch screen assets and metadata, which are then compiled into a manifest and rendered as an MP4 with transitions and text overlays.

Can I customize the transition effects and timing for my Stitch walkthrough video?▼

Yes, transition effects and timing are customizable. The Skill generates a screens.json manifest that lets you control per-screen duration and apply fade, slide, or zoom transitions during the Remotion MP4 render.

Do I need Remotion CLI or MCP access to render walkthrough videos from Stitch?▼

Yes, rendering walkthrough videos from Stitch requires either the Remotion CLI or Remotion MCP to output the final MP4, plus Stitch MCP access to retrieve the initial screen designs and metadata.

What is the best way to automate app demo video generation from UI screen designs?▼

Automating app demo video generation is handled by fetching UI screen designs via Stitch MCP, building a Remotion composition with timed text overlays, and rendering the ordered user-flow sequence directly to an MP4 file.

Does the Stitch to Remotion walkthrough render HTML metadata or just screenshots?▼

The walkthrough render fetches both screenshot image assets and optional HTML metadata from Stitch. This data populates a screens.json manifest, ensuring the final video includes accurate screen titles, descriptions, and dimensions.

Related Skills

Explore More Design & Creative Skills→
loongclaw-ailoongclaw-ai
641

design-md

Analyze Stitch project screens and assets to generate DESIGN.md documentation.

Official
Advanced
gabelulgabelul
38

stitch-remotion

Retrieve Stitch project screenshots and build Remotion walkthrough videos with transitions and text overlays.

Community
Intermediate
involvexinvolvex

remotion

Generate MP4 or WebM walkthrough videos from Stitch project screens.

Community
Intermediate
RenyEnnosRenyEnnos
1

remotion

Assemble Stitch screens into Remotion walkthrough videos with configurable timing.

Community
Advanced