remotion
CommunityAutomate Stitch walkthrough videos with Remotion.
AuthorRenyEnnos
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps teams transform Stitch screen assets into polished, shareable walkthrough videos by orchestrating a Remotion pipeline that retrieves screens, builds a modular video composition, and renders the final output.
Core Features & Use Cases
- Automated asset retrieval: Fetch screenshots and metadata from Stitch projects to drive video creation.
- Modular Remotion components: Scaffold and reuse ScreenSlide.tsx and WalkthroughComposition.tsx for consistent videos.
- Configurable visuals: Apply multiple transition styles, text overlays, and per-screen timing for professional result.
- Use Case: Create a product tour video from a Stitch project to showcase features in a compact format for onboarding or marketing.
Quick Start
- Prepare Stitch access and a Remotion project (or create one in video/).
- Ensure assets are downloaded to public/assets/screens/ and a screens.json manifest is available.
- Start Remotion Studio with npm run dev and render with npx remotion render WalkthroughComposition output.mp4
Dependency Matrix
Required Modules
curl
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: remotion Download link: https://github.com/RenyEnnos/life-os/archive/main.zip#remotion Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.