remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
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:ormcp_stitch:prefix - Remotion MCP: Look for
remotion:ormcp_remotion:prefix
Step 2: Retrieve Stitch Project Information
- Project lookup (if Project ID is not provided):
- Call
[stitch_prefix]:list_projectswithfilter: "view=owned" - Identify target project by title (e.g., "Calculator App")
- Ext
Subscribers only
The full skill, its 1 bundled files and every download is included with every paid Complete AI plan.
Details
| Source | community |
|---|---|
| License | — |
| Risk label | critical ("critical" means the skill may run commands or touch files — read before use) |
| Files | SKILL.md |
| Added | 2026-09-04 |
Related skills
atlas-cloud-media
Generate Atlas Cloud images and videos through its asynchronous media API with schema-first model selection and credential-safe polling.
generate-nanobanana
Generate and edit images/video with Google's Gemini media models (Nano Banana 2/Pro, Gemini Omni Flash), with cost-approval gates, reference-image support, and a prompt/output log per call.
image-generator
Generate and edit images using Gemini's Nano Banana Pro model (gemini-3-pro-image-preview). Use this skill when the user asks you to generate images, create visuals, edit photos, create logos, generate product mockups, or perform any image generation/editing task.
muapi-media
Generate images and videos with MuAPI's schema-driven asynchronous media API while protecting keys, polling, and output downloads.
stability-ai
Geracao de imagens via Stability AI (SD3.5, Ultra, Core). Text-to-image, img2img, inpainting, upscale, remove-bg, search-replace. 15 estilos artisticos.