Stitch Remotion Walkthrough

This skill is a catalog-normalized import from https://github.com/google-labs-code/stitch-skills at commit 3f64079d75d025bc5890c73669f27c26a2d80b31, source path plugins/stitch-build/skills/remotion. The upstream control file was corrected for this workspace: the verified Stitch MCP surface here is design-system oriented, so screen lookup, screen generation, and screen editing tools must be used only when the current host explicitly exposes them.

When to Use This Skill

• Use when Stitch screens or a design flow should become a Remotion video walkthrough.
• The task involves Google Stitch project IDs, .stitch/ artifacts, DESIGN.md files, Stitch exports, or Stitch-specific validation.
• The broader stitch-design router points here as the narrowest workflow.

Workflow

1. Gather screenshots and optional HTML/text from .stitch/designs/, Stitch web exports, or current host-listed screen tools.
2. Create deterministic screens.json with title, order, image path, dimensions, and narration notes.
3. Use bundled templates as starting points, not final untailored output.
4. Set composition dimensions from the actual screen set.
5. Preview the Remotion composition before rendering.
6. Render the final MP4 only after timing, crop, and text overlays are acceptable.

Local Assets