Communitygithub.com

antony-jip/remotion-interactivity

Remotion のマークアップをインタラクティブに構造化します。

remotion-interactivity とは?

このスキルは、Remotion を使用して動画を生成する際に、ユーザーの入力やクリックに応答するインタラクティブな要素を構造化する方法を提供します。具体的には、`useCurrentFrame()`、`interpolate()`、`spring()` などの Remotion の基本的な関数を活用し、テキストや図形のアニメーション、状態遷移、イベントハンドリングを実装するためのパターンを定義します。開発者はこのスキルを利用して、単なる再生動画ではなく、ユーザー操作に動的に反応する動画コンポーネントを効率的に設計できます。現在のところ、このスキルは特定のエージェント(Claude Code など)に依存せず、Remotion を使用するすべてのプロジェクトで汎用的に適用可能です。スキルの核となるのは、React コンポーネント内でインタラクティブなロジックを記述するための構造的なガイドラインを提供することです。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/antony-jip/sign-company/tree/main/forgedesk/film/.agents/skills/remotion-interactivity

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

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

ドキュメント

remotion-interactivity は何をしますか?

Remotion のマークアップをインタラクティブに構造化します。

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

関連スキル