podo/design-agent-skills

remotion

Stub de catalogue — package complet : remotion-dev/skills

Remarque : L'amont a restructuré la compétence unique remotion en un package de sous-compétences ciblées — remotion-best-practices, remotion-create, remotion-render, remotion-captions, remotion-docs, remotion-interactivity, remotion-markup, remotion-saas, remotion-upgrade, plus mediabunny. Installez le package pour toutes les obtenir.

Arbre de décision

1. Le package est-il déjà installé ? Vérifiez : le répertoire des compétences de votre agent contient les compétences remotion-* avec un contenu allant au-delà de ce stub.

   • Oui → invoquez la compétence remotion-* concernée et continuez
   • Non → passez à l'étape 2

2. Sur quel agent êtes-vous ?

   • Claude Code → npx skills add remotion-dev/skills — ou envoyez ! npx skills add … comme message de chat (ajoutez -g pour global, omettez pour projet uniquement)
   • Cursor → npx skills add remotion-dev/skills
   • Autre → npx skills add remotion-dev/skills ou consultez le README GitHub

Commande d'installation

npx skills add remotion-dev/skills

Installe toutes les sous-compétences Remotion. Pour n'en installer qu'une seule, ajoutez son nom, par ex. npx skills add remotion-dev/skills --skill remotion-best-practices.

Invoquer après installation

• Noms des compétences : remotion-best-practices, remotion-create, remotion-render, remotion-captions, remotion-docs, remotion-interactivity, remotion-markup, remotion-saas, remotion-upgrade, mediabunny
• Expressions déclencheurs : "remotion", "vidéo programmatique", "vidéo React", "vidéo animée", "rendu vidéo"

Ce qu'il fait

Package officiel de compétences Remotion pour créer des vidéos programmatiques avec React. Composez des séquences vidéo sous forme de composants React, animez avec la physique des ressorts et l'interpolation, et exportez en MP4, WebM ou GIF. Les sous-compétences couvrent les bonnes pratiques, la création de nouveaux projets (remotion-create), le rendu (remotion-render), les sous-titres, l'interactivité, le balisage, l'intégration SaaS et les mises à jour de version. Idéal pour les démos produits, les visualisations basées sur les données et les animations explicatives qui nécessitent une précision contrôlée par code.

Quand NE PAS l'utiliser

• Animation CSS/JS simple sans exportation vidéo (utilisez gsap-skills ou framer-motion-skills)
• Pipelines vidéo non-React (utilisez hyperframes pour HTML-vers-vidéo)