podo/design-agent-skills

remotion

カタログスタブ — 完全版パッケージ: remotion-dev/skills

注: 上流では単一の remotion スキルが、焦点を絞ったサブスキルのパッケージに再構成されました。 remotion-best-practices、remotion-create、remotion-render、 remotion-captions、remotion-docs、remotion-interactivity、remotion-markup、 remotion-saas、remotion-upgrade、および mediabunny。すべてを入手するにはパッケージをインストールしてください。

決定木

1. パッケージは既にインストールされていますか？ 確認: エージェントのスキルディレクトリに remotion-* スキルと、このスタブ以外のコンテンツが含まれているかどうか。

   • はい → 該当する remotion-* スキルを呼び出して続行
   • いいえ → ステップ2へ

2. どのエージェントを使用していますか？

   • Claude Code → npx skills add remotion-dev/skills — または ! npx skills add … をチャットメッセージとして送信（-g でグローバル、省略でプロジェクトのみ）
   • Cursor → npx skills add remotion-dev/skills
   • その他 → npx skills add remotion-dev/skills または GitHub README を参照

インストールコマンド

npx skills add remotion-dev/skills

すべてのRemotionサブスキルをインストールします。1つだけインストールするには、名前を追加してください。例: npx skills add remotion-dev/skills --skill remotion-best-practices。

インストール後に呼び出す

• スキル名: remotion-best-practices、remotion-create、remotion-render、remotion-captions、remotion-docs、remotion-interactivity、remotion-markup、remotion-saas、remotion-upgrade、mediabunny
• トリガーフレーズ: "remotion"、"programmatic video"、"React video"、"animated video"、"render video"

機能

公式Remotionスキルパッケージ。Reactを使用してプログラム動画を作成します。Reactコンポーネントとして動画シーケンスを構成し、スプリング物理と補間でアニメーションさせ、MP4、WebM、またはGIFにレンダリングします。サブスキルは、ベストプラクティス、新規プロジェクトのスキャフォールディング（remotion-create）、レンダリング（remotion-render）、キャプション、インタラクティビティ、マークアップ、SaaS統合、バージョンアップグレードをカバーします。コードによる精密な制御が必要な製品デモ、データ駆動型ビジュアライゼーション、説明アニメーションに最適です。

使用すべきでない場合

• 動画出力を伴わない単純なCSS/JSアニメーション（gsap-skills または framer-motion-skills を使用）
• React以外の動画パイプライン（HTMLから動画へは hyperframes を使用）