Stitch プロジェクトから Remotion を使って、スムーズなトランジション、ズーム、テキストオーバーレイを備えたウォークスルー動画を生成します。
このスキルは、Stitch プロジェクトのファイルを基に、Remotion を用いてウォークスルー動画を自動生成するためのツールです。主に Claude Code などの AI エージェント向けに設計されており、開発者が手動で動画編集を行うことなく、プロジェクトの内容を視覚的に説明する動画を作成できます。具体的には、Stitch プロジェクト内のステップやコードスニペットを解析し、Remotion の React コンポーネントを利用して、スムーズなトランジション、ズームイン/アウト効果、テキストオーバーレイなどを施した高品質な動画を生成します。これにより、チュートリアルやデモ動画の作成工数を大幅に削減することが可能です。
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/remotionStitch プロジェクトから Remotion を使って、スムーズなトランジション、ズーム、テキストオーバーレイを備えたウォークスルー動画を生成します。
# スキルを呼び出す例
stitch-skills --project ./path/to/project --output ./output/video.mp4
| オプション | 説明 |
|---|---|
--project | Stitch プロジェクトへのパス |
--output | 出力動画ファイルのパス |
--fps | フレームレート（デフォルト: 30） |
--resolution | 解像度（例: 1920x1080） |
Apache-2.0
This repo contains 6 individual skills — each has its own dedicated page.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.