Compétences remotion-best-practices
📦

remotion-best-practices

v1.0 Révision du contenu r1 Sûr ⚙️ Commandes externes🌐 Accès réseau📁 Accès au système de fichiers

Créer de meilleures vidéos Remotion

Les projets Remotion exigent des modèles précis pour l’animation, les médias et le rendu. Cette compétence fournit à Claude, Codex et Claude Code des règles ciblées pour créer du code vidéo React.

Prend en charge: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 78 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent
Review the Skillstore skill "remotion-best-practices" from https://skillstore.io/skills/sickn33-remotion-best-practices.md and its manifest at https://skillstore.io/api/skills/sickn33-remotion-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/sickn33-remotion-best-practices.md manifest signé GET /api/skills/sickn33-remotion-best-practices/manifest lockfile signé GET /api/skills/sickn33-remotion-best-practices/lockfile

Tester

Utilisation de « remotion-best-practices ». Demander une vidéo de lancement produit avec des images, de la musique et des sous-titres.

Résultat attendu:

L’assistant propose une structure de composition Remotion, une approche de chargement des médias, un timing des scènes et un plan d’affichage des sous-titres.

Utilisation de « remotion-best-practices ». Demander une revue d’un rendu Remotion lent.

Résultat attendu:

L’assistant identifie les modèles de médias risqués, suggère des ressources statiques lorsque c’est utile et recommande des améliorations de timing et de rendu.

Utilisation de « remotion-best-practices ». Demander comment animer des données de graphique dans une vidéo.

Résultat attendu:

L’assistant décrit les composants de graphique, la stratégie d’interpolation, les choix de couleurs et le comportement d’animation basé sur les frames.

Audit de sécurité

Sûr
v4 • 07/07/2026 Ouvrir le rapport versionné

All static findings were adjudicated as false positives after reviewing the cited files. The detections are documentation examples, JSX template literals, CSS style strings, sample media URLs, or relative imports, with no evidence of prompt injection, command execution, covert networking, or unsafe filesystem access.

32
Fichiers analysés
3,155
Lignes analysées
0
Éléments à examiner
0
Faux positifs ignorés

Facteurs de risque

⚙️ Commandes externes (11)
rules/assets.md:61-64 rules/assets/charts-bar-chart.tsx:89 rules/assets/charts-bar-chart.tsx:90 rules/assets/text-animations-word-highlight.tsx:55 rules/calculate-metadata.md:69-72 rules/charts.md:57 rules/compositions.md:117-144 rules/extract-frames.md:150-159 rules/images.md:92-95 rules/images.md:95-98 rules/images.md:98-99
🌐 Accès réseau (21)
rules/assets.md:71 rules/assets.md:72 rules/audio.md:38 rules/calculate-metadata.md:80 rules/calculate-metadata.md:13 rules/can-decode.md:50 rules/compositions.md:117 rules/compositions.md:117 rules/extract-frames.md:109 rules/extract-frames.md:132 rules/extract-frames.md:172 rules/extract-frames.md:210 rules/get-audio-duration.md:33 rules/get-video-dimensions.md:40 rules/get-video-duration.md:33 rules/gifs.md:25 rules/images.md:57 rules/import-srt-captions.md:41 rules/lottie.md:42 rules/lottie.md:42 rules/videos.md:36
📁 Accès au système de fichiers (1)
rules/calculate-metadata.md:22
Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.
Audité par: codex Voir l’historique des audits →
Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné
Évaluation de sécurité

Copier le lien du rapport

https://skillstore.io/skills/sickn33-remotion-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-remotion-best-practices/security.svg)](https://skillstore.io/skills/sickn33-remotion-best-practices?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/sickn33-remotion-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-remotion-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/sickn33-remotion-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Citations académiques (APA · BibTeX · CFF)

Citation APA

remotion-dev. (2026). remotion-best-practices security audit report (audit version 4) [Author version 1.0]. Skillstore. https://skillstore.io/skills/sickn33-remotion-best-practices/audits/4

Citation BibTeX

@techreport{remotion-dev-sickn33-remotion-best-practices-2026, author = {remotion-dev}, title = {remotion-best-practices security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/sickn33-remotion-best-practices/audits/4}, note = {Author version 1.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "remotion-best-practices security audit report (audit version 4)" version: "1.0" type: report authors: - name: "remotion-dev" date-released: "2026-07-07" url: "https://skillstore.io/skills/sickn33-remotion-best-practices/audits/4" identifiers: - type: other value: "skillstore:sickn33-remotion-best-practices:audit:4" description: "Skillstore immutable audit report identifier"

Comparer les variantes

2 variantes installables

Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.

Pourquoi cette variante est première

Utilisation Skillstore plus élevée
remotion-dev Recommandé

remotion-dev-remotion-best-practices

Score Skillstore 78
Niveau de confiance des preuves Élevé
Utilisation Skillstore 53
Mis à jour

2026-09-09

remotion-dev Actuelle

sickn33-remotion-best-practices

Score Skillstore 78
Niveau de confiance des preuves Élevé
Utilisation Skillstore 31
Mis à jour

2026-09-09

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé
55
Architecture
85
Maintenabilité
87
Contenu
69
Communauté
83
Conformité aux spécifications

Ce que vous pouvez créer

Créer des vidéos produit

Générer des compositions Remotion avec des scènes minutées, des couches de médias, des sous-titres et des éléments d’interface animés.

Améliorer du code Remotion existant

Examiner les compositions pour améliorer le séquençage, la gestion des médias, le timing des animations et les modèles de métadonnées dynamiques.

Prototyper du mouvement piloté par les données

Créer des graphiques animés, des effets de texte et des vidéos pilotées par les métadonnées à l’aide de modèles React et TypeScript.

Essayez ces prompts

Démarrer une composition 
Crée une composition Remotion simple pour une introduction produit de 10 secondes. Utilise cette compétence pour la configuration de la composition, le timing et la gestion des ressources.
Ajouter des médias et des sous-titres 
Mets à jour ma vidéo Remotion pour inclure une vidéo locale, un audio d’arrière-plan, des sous-titres SRT importés et un style de sous-titres lisible.
Affiner le timing du mouvement 
Examine ce composant Remotion et améliore le séquençage, le découpage, les transitions, l’interpolation et les choix d’animation spring.
Concevoir un rendu dynamique 
Planifie un workflow Remotion qui définit la durée et les noms de sortie à partir des métadonnées, valide les dimensions des médias et extrait des images d’aperçu.

Bonnes pratiques

  • Utiliser les primitives Remotion pour le timing, le séquençage, les médias et les métadonnées de composition plutôt que des calculs de frames ad hoc.
  • Rendre explicite la gestion des ressources, des sous-titres, des polices et des médias distants afin que les rendus soient prévisibles.
  • Examiner les exemples générés pour les dépendances du projet, la prise en charge des navigateurs, CORS et les performances de rendu.

Éviter

  • Ne pas coller d’exemples sans adapter les dimensions, les fréquences d’images, les props et les chemins de ressources à votre projet.
  • Ne pas s’appuyer sur des URL de médias distants sans vérifier les autorisations, la stabilité et le comportement CORS.
  • Ne pas mélanger des systèmes de timing d’animation sans rapport lorsque les API Remotion basées sur les frames peuvent exprimer le mouvement.

Foire aux questions

À quoi sert cette compétence ?
Elle aide les assistants IA à écrire et à relire du code Remotion pour la génération vidéo basée sur React.
Crée-t-elle automatiquement des vidéos finales ?
Non. Elle fournit des conseils et des modèles de code que vous appliquez dans un projet Remotion.
Peut-elle aider avec les ressources audio et vidéo ?
Oui. Elle couvre les ressources locales, les URL distantes, l’audio, la vidéo, les GIF, les fichiers Lottie et les polices.
Prend-elle en charge les sous-titres ?
Oui. Elle inclut des conseils pour l’importation SRT, l’affichage des sous-titres, les workflows de transcription et la mise en évidence des mots.
Claude Code ou Codex peuvent-ils l’utiliser ?
Oui. Le rapport indique la prise en charge de Claude, Codex et Claude Code.
Que doivent vérifier les utilisateurs après la génération ?
Les utilisateurs doivent vérifier les dépendances, les chemins de ressources, les autorisations des médias distants, le comportement CORS et les performances de rendu.

Détails du développeur

Licence

MIT

Version de l’auteur

v1.0

Révision Skillstore

r1

Avis de version

La version déclarée par l’auteur n’est pas un SemVer valide.

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/remotion-best-practices

Réf

9f814fc6a43fd99946f2da5e0df231c65a38bc76

Récence de maintenance

18/07/2026

Utilisation

20 téléchargements · 154 vues

Structure de fichiers

📁 rules/

📁 assets/

📄 charts-bar-chart.tsx

📄 text-animations-typewriter.tsx

📄 text-animations-word-highlight.tsx

📄 3d.md

📄 animations.md

📄 assets.md

📄 audio.md

📄 calculate-metadata.md

📄 can-decode.md

📄 charts.md

📄 compositions.md

📄 display-captions.md

📄 extract-frames.md

📄 fonts.md

📄 get-audio-duration.md

📄 get-video-dimensions.md

📄 get-video-duration.md

📄 gifs.md

📄 images.md

📄 import-srt-captions.md

📄 lottie.md

📄 measuring-dom-nodes.md

📄 measuring-text.md

📄 sequencing.md

📄 tailwind.md

📄 text-animations.md

📄 timing.md

📄 transcribe-captions.md

📄 transitions.md

📄 trimming.md

📄 videos.md

📄 SKILL.md