Communitygithub.com

levVan2/remotion-video-skill

🎥 Remotionフレームワークを使ったプログラムによる動画作成を容易にします。AI駆動のTTS、アニメーション、自動シーンタイミング機能を備えています。

remotion-video-skill とは?

このスキルは、Reactベースの動画フレームワーク「Remotion」を活用して、プログラムによる動画生成をシンプルかつ強力に支援します。主な特徴として、AIを利用したテキスト読み上げ(TTS)機能、多彩なアニメーションエフェクト、そして各シーンのタイミングを自動調整する機能が含まれます。開発者はReactコンポーネントとCSSで動画をデザインし、スキルが提供するAPIを通じて音声合成やエフェクト適用を容易に行えます。Claude CodeやCursor、Codexなどのエージェント環境で動作し、コマンドラインから簡単に動画をレンダリング可能。手作業の動画編集を不要にし、コードベースで一貫性のある動画制作を実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add levVan2/remotion-video-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

remotion-video-skill は何をしますか?

🎥 Remotionフレームワークを使ったプログラムによる動画作成を容易にします。AI駆動のTTS、アニメーション、自動シーンタイミング機能を備えています。

概要

このスキルは、Remotion(Reactベースの動画フレームワーク)を利用して、コードから動画を生成するためのツールを提供します。AIによるテキスト読み上げ(TTS)やアニメーション効果、シーンのタイミング自動調整が可能です。

主な機能

  • プログラムによる動画生成: ReactコンポーネントとCSSを使って動画をデザイン
  • AI TTS: テキストから自然な音声を自動生成
  • アニメーション: スムーズなトランジションとエフェクト
  • 自動タイミング: 各シーンの長さをコンテンツに基づいて調整

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他のAIエージェント環境

使用方法

# スキルのインポート(例)
import { createVideo } from 'levVan2/remotion-video-skill'

# 動画の作成
createVideo({
  scenes: [
    { text: 'こんにちは世界', tts: true },
    { text: 'これはAI生成動画です', animation: 'fade' }
  ]
})

構成

  • src/ - メインソースコード
  • templates/ - 動画テンプレート
  • examples/ - 使用例

ライセンス

MIT

関連スキル