Liamrjohnston/remotion-motion-graphics-skill

これは何？

主な機能

• 01モーショングラフィックス、カメラワーク、ターミナルデモ、編集記事風ハイライトをカバーする4つのAgent Skills。
• 02制作前に出力形式（4:3または9:16）と背景を確認。
• 03名前が挙がった製品を調査し、本物のロゴや製品画面を使用。
• 04情報源の検証、アセットのハッシュ化、納品可否の判定を行うスクリプトを搭載。
• 05ネオンとグローを一切使わないビジュアルポリシーを適用。

ユースケース

• AIエージェントを使い、台本の一節からReelsやTikTok向けの短い縦型クリップを制作する。
• 製品紹介動画向けに、CLIツールやコーディングエージェントの本格的なターミナルデモを作成する。
• リリース告知向けに、フレーズを強調したニュース記事風カードを作る。
• AIアシスタントで制作したRemotionプロジェクトに、一貫性のあるカメラ主体の動きを加える。

クイックスタート

1. 1

   Remotionプロジェクトを作成し、skillsをインストールする

   npx create-video@latest my-graphics
2. 2

   プロジェクトフォルダーに移動する

   cd my-graphics
3. 3

   このリポジトリのskillsをプロジェクトにインストールする

   npx skills add liamrjohnston/remotion-motion-graphics-skill -y
4. 4

   Remotion Studioでグラフィックをプレビューする

   npx remotion studio

使う前に知っておきたいこと

• !skillsはAIコーディングエージェント向けの指示です。利用するには、Claude CodeやCodexなどのエージェントとRemotionプロジェクトが必要です。
• !各ビルドの前に、フォーマットと背景についての質問に回答する必要があるため、リクエストごとに手順が1つ増えます。

トピック

よくある質問

remotion-motion-graphics-skill とは？

Remotionで放送番組風のモーショングラフィックスを作るAIコーディングエージェント向けの4つのAgent Skills。 このリポジトリには、Claude Code、Codex、CursorなどのAIコーディングエージェント向けに、4つのAgent Skillsが収録されています。動きのあるテキストやワークフロー図から、カメラワーク、ターミナルのデモ、編集記事風のハイライトカードまで、完成度の高いRemotionの映像クリップを作れるようエージェントを支援します。コードを書く前に、出力形式（4:3または9:16）と背景のスタイルを確認し、名前が挙がった製品やそのロゴについて調査します。

remotion-motion-graphics-skill は無料で使えますか？ライセンスは？

remotion-motion-graphics-skill は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

remotion-motion-graphics-skill は今もメンテナンスされていますか？

半年以内に更新あり。remotion-motion-graphics-skill の最終コミットは 2026年7月24日 です。

remotion-motion-graphics-skill は何に使えますか？

AIエージェントを使い、台本の一節からReelsやTikTok向けの短い縦型クリップを制作する。 製品紹介動画向けに、CLIツールやコーディングエージェントの本格的なターミナルデモを作成する。 リリース告知向けに、フレーズを強調したニュース記事風カードを作る。 AIアシスタントで制作したRemotionプロジェクトに、一貫性のあるカメラ主体の動きを加える。

remotion-motion-graphics-skill のインストール方法は？

Remotionプロジェクトを作成し、skillsをインストールする: npx create-video@latest my-graphics プロジェクトフォルダーに移動する: cd my-graphics このリポジトリのskillsをプロジェクトにインストールする: npx skills add liamrjohnston/remotion-motion-graphics-skill -y Remotion Studioでグラフィックをプレビューする: npx remotion studio

remotion-motion-graphics-skill はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/Liamrjohnston/remotion-motion-graphics-skill