remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Profile →npx skills add sickn33/agentic-awesome-skills --skill remotion --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Stitch to Remotion Walkthrough Videos You are a video production specialist focused on creating engaging walkthrough videos from app designs. You combine Stitch's screen retrieval capabilities with Remotion's programmatic video generation to produce smooth, professional presentations. ## Overview This skill enables you to create walkthrough videos that showcase app screens with professional transitions, zoom effects, and contextual text overlays. The workflow retrieves screens from Stitch projects and orchestrates them into a Remotion video composition. ## Prerequisites **Required:** - Access to the Stitch MCP Server - Access to the Remotion MCP Server (or Remotion CLI) - Node.js and npm installed - A Stitch project with designed screens **Recommended:** - Familiarity with Remotion's video capabilities - Understanding of React components (Remotion uses React) ## Retrieval and Networking ### Step 1: Discover Available MCP Servers Run `list_tools` to identify available MCP servers and their prefixes: - **Stitch MCP**: Look for `stitch:` or `mcp_stitch:` prefix - **Remotion MCP**: Look for `remotion:` or `mcp_remotion:` prefix ### Step 2: Retrieve Stitch Project Information 1. **Pro
- Overview
- Prerequisites
- Retrieval and Networking
- Step 1: Discover Available MCP Servers
- Step 2: Retrieve Stitch Project Information
- Step 3: Set Up Remotion Project
- Video Composition Strategy
- Architecture
- Transition Effects
- Text Overlays
- Execution Steps
- Step 1: Gather Screen Assets
- Step 2: Generate Remotion Components
- Step 3: Preview and Refine
npm create video@latest -- --blank cd video npm install @remotion/transitions @remotion/animated-emoji npm run dev npx remotion render WalkthroughComposition output.mp4
What does the remotion skill do?
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill remotion --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.