StealIt

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add google-labs-code/stitch-skills --skill remotion

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Remotion

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /remotion.

It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.

What the instructions cover

  1. 1Overview
  2. 2Prerequisites
  3. 3Retrieval and Networking
  4. 4Video Composition Strategy
  5. 5Execution Steps
  6. 6Advanced Features
  7. 7File Structure
  8. 8Integration with Remotion Skills
  9. 9Common Patterns
  10. 10Troubleshooting
  11. 11Best Practices
  12. 12Example Usage

Section headings from the skill's SKILL.md file.

What's inside · 7 files

  • README.md
  • SKILL.md
  • examples/WalkthroughComposition.tsx
  • examples/screens.json
  • resources/composition-checklist.md
  • resources/screen-slide-template.tsx
  • scripts/download-stitch-asset.sh

More from Google Labs

See all →

Design MD

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Design & UIGoogle Labs8.7k

Enhance Prompt

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better…

AI & AgentsGoogle Labs8.7k

React Vite Dashboard

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

FrontendGoogle Labs8.7k

Shadcn UI

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

FrontendGoogle Labs8.7k
See all →

HyperframesTop pick

Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…

Video & MotionHeyGen79k

Slack GIF Creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…

Video & MotionAnthropic187k

AI Video Gen

Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…

Video & MotionOpenMontage76k