Compétences remotion

📦

remotion

Name: remotion
Author: google-labs-code

Risque faible 📁 Accès au système de fichiers⚙️ Commandes externes🌐 Accès réseau⚡ Contient des scripts

StitchスクリーンからRemotionウォークスルービデオを作成

チームではアプリスクリーンの高速で一貫性のあるウォークスルービデオが必要ですが、手動編集は遅いです。このスキルは、画面取得とRemotion構成を自動化し、トランジションとオーバーレイを含むレンダリング可能なビデオを生成します。

Prend en charge: Claude Codex Code(CC)

📊 70 Adéquat

Télécharger le ZIP du skill

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

Activez et commencez à utiliser

Tester

Utilisation de "remotion". Calculator Appプロジェクトのウォークスルーを作成します。

Résultat attendu:

Stitchスクリーンの取得とアセットのダウンロードの手順を概説しました。
スクリーンマニフェストフィールドとタイミングプランを指定しました。
作成するRemotionコンポーネントとプレビュー方法を説明しました。

Utilisation de "remotion". スライドトランジションでリリースハイライトビデオをレンダリングします。

Résultat attendu:

レンダリングチェックリスト推奨トランジション設定、および出力ファイル名を提供しました。

Audit de sécurité

Risque faible

v1 • 2/12/2026

Static analysis flagged weak cryptography and backtick execution patterns, but review shows these are documentation or template literals with no cryptographic use or runtime command execution. A helper script downloads assets with curl and writes to a user provided path, which is expected but implies network and filesystem activity.

Fichiers analysés

924

Lignes analysées

résultats

Total des audits

Problèmes à risque faible (4)

examples/screens.json:15 examples/screens.json:26 examples/screens.json:37 examples/screens.json:48 examples/WalkthroughComposition.tsx:42 README.md:3 README.md:7 README.md:9 README.md:10 README.md:96 README.md:97 resources/composition-checklist.md:15 resources/composition-checklist.md:42 resources/screen-slide-template.tsx:7 resources/screen-slide-template.tsx:15 resources/screen-slide-template.tsx:108 resources/screen-slide-template.tsx:117 SKILL.md:3 SKILL.md:15 SKILL.md:27 SKILL.md:60 SKILL.md:93 SKILL.md:131 SKILL.md:151 SKILL.md:160 SKILL.md:265 SKILL.md:336

Weak cryptography false positive in documentation

Flagged lines are descriptive text or JSON fields and do not call cryptographic APIs. No hashing or encryption logic is present.

examples/WalkthroughComposition.tsx:7

Path traversal false positive in local import

The relative import of ../screens.json is static and not built from user input, so it does not enable path traversal.

README.md:45-53 resources/composition-checklist.md:8-10 resources/composition-checklist.md:70 resources/composition-checklist.md:116 resources/screen-slide-template.tsx:67 SKILL.md:37-64 SKILL.md:74-85 SKILL.md:112-119 SKILL.md:144-168 SKILL.md:198-200 SKILL.md:217-228 SKILL.md:236-259 SKILL.md:306-308 SKILL.md:362-375

Command examples in documentation

Backticks appear in markdown code examples and template literals. These are not executed by the skill runtime.

scripts/download-stitch-asset.sh:4-25 scripts/download-stitch-asset.sh:31-32

Helper script downloads remote assets

The download script uses curl to fetch a URL and write to a provided path. This is expected for asset retrieval but implies network and filesystem activity.

Facteurs de risque

📁 Accès au système de fichiers (4)

examples/WalkthroughComposition.tsx:7 scripts/download-stitch-asset.sh:31 scripts/download-stitch-asset.sh:32 scripts/download-stitch-asset.sh:32

⚙️ Commandes externes (98)

🌐 Accès réseau (8)

scripts/download-stitch-asset.sh:4 scripts/download-stitch-asset.sh:10 SKILL.md:306 SKILL.md:389 SKILL.md:390 SKILL.md:391 SKILL.md:392 SKILL.md:393

⚡ Contient des scripts (1)

scripts/download-stitch-asset.sh:1

Audité par: codex

Score de qualité

Architecture

100

Maintenabilité

Contenu

Communauté

Sécurité

Conformité aux spécifications

Ce que vous pouvez construire

製品ウォークスルービデオを制作

アプリフローを説明するためのナレーション付きスクリーンbyスクリーンビデオリンスを生成します。

デザイレビューデモを作成

Stitchスクリーンをタイムラインウォークスルーにまとめて関係者にレビューてもらいます。

リリースハイライトクリップを出荷

コールアウト付きで新機能を披露する短いビデオをレンダリングします。

Essayez ces prompts

基本的なウォークスルーを構築

StitchプロジェクトのRemotionウォークスルービ디오を作成し、フェードトランジションとスクリーンを含めます。

タイミングとトランジションを調整

各スクリーンを4秒間表示し、主要なステップ間でスライドトランジションを使用するように構成を調整します。

HTMLからテキストコールアウトを追加

Stitch HTMLからキーラベルを抽出し、各スクリーンにタイムラインコールアウトを追加します。

成果物をレンダリング

ウォークスルーをMP4およびWebM形式にレンダリングし、出力場所を要約します。

Bonnes pratiques

スクリーンメタデータを実際の画像サイズに合わせてください。
最終レンダリング前にRemotion Studioでプレビューしてください。
安定したパスを持つ専用の公開フォルダにアセットを保存してください。

Éviter

マニフェストで欠落または移動したアセットパスを参照しないでください。
明示的なスケーリングルールなしにスクリーンサイズを混在させないでください。
タイミングとトランジションのペーシングを確認せずにレンダリングしないでください。

Foire aux questions

開始するために必要な入力は何ですか？

StitchプロジェクトIDまたは名前とRemotionツールへのアクセスが必要です。

Remotion MCPサーバーなしで使用できますか？

はい、Remotion CLIがインストールされている場合は使用できます。

画像は自動的にダウンロードされますか？

StitchダウンロードURLが指定されている場合、スクリーンショットをダウンロードできます。

トランジションとタイミングをカスタマイズできますか？

はい、マニフェストと構成設定でタイミングとエフェクトを制御できます。

ナレーションを生成しますか？

いいえ、Remotionでナレーションを追加する方法のみを概説します。

どのような形式にレンダリングできますか？

MP4やWebMなどの一般的な形式へのレンダリングをガイドできます。

Détails du développeur

Auteur

google-labs-code

Licence

MIT

Dépôt

https://github.com/google-labs-code/stitch-skills/tree/main/skills/remotion/

Réf

main

Structure de fichiers

📁 examples/

📄 screens.json

📄 WalkthroughComposition.tsx

📁 resources/

📄 composition-checklist.md

📄 screen-slide-template.tsx

📁 scripts/

📄 download-stitch-asset.sh

📄 README.md

📄 SKILL.md