📦

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

Créer des vidéos de présentation Remotion à partir des écrans Stitch

Les équipes ont besoin de vidéos de présentation cohérentes et rapides pour les écrans d'application, mais l'édition manuelle est lente. Cette compétence automatise la récupération d'écran et la composition Remotion pour produire des vidéos prêtes à render avec des transitions et des superpositions.

Prend en charge: Claude Codex Code(CC)

🥉 75 Bronze

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". Créer une présentation pour le projet Calculator App.

Résultat attendu:

Décrit les étapes pour récupérer les écrans Stitch et télécharger les assets.
Spécifié les champs du manifeste d'écrans et le plan de timing.
Décrit les composants Remotion à créer et comment les prévisualiser.

Utilisation de "remotion". Render une vidéo des points forts d'une version avec des transitions en glide.

Résultat attendu:

Fourni une liste de contrôle du rendu, les paramètres de transition recommandés et les noms de fichiers de sortie attendus.

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

Produire une vidéo de présentation produit

Générer une vidéo narrée écran par écran pour expliquer un flux d'application.

Créer une démo pour revue de design

Compiler les écrans Stitch dans une présentation chronométrée pour la revue des parties prenantes.

Livrer un clip des points forts d'une version

Render une courte vidéo qui met en valeur les nouvelles fonctionnalités avec des annotations.

Essayez ces prompts

Créer une présentation de base

Créer une vidéo de présentation Remotion pour mon projet Stitch et inclure des transitions en fondu et des titres d'écrans.

Ajuster le timing et les transitions

Ajuster la composition pour que chaque écran s'affiche pendant 4 secondes et utiliser des transitions en glide entre les étapes principales.

Ajouter des annotations texte depuis HTML

Extraire les labels clés du HTML Stitch et ajouter des annotations chronométrées à chaque écran.

Render les livrables

Render la présentation aux formats MP4 et WebM et résumer les emplacements de sortie.

Bonnes pratiques

Garder les métadonnées d'écrans alignées avec les dimensions réelles des images.
Prévisualiser dans Remotion Studio avant le rendu final.
Stocker les assets dans un dossier public dédié avec des chemins stables.

Éviter

Ne pas référencer des chemins d'assets manquants ou déplacés dans le manifeste.
Ne pas mélanger les tailles d'écrans sans règles de mise à l'échelle explicites.
Ne pas render sans vérifier le timing et le rythme des transitions.