1つのremocnコンポーネントを追加
リクエスト: $ARGUMENTS
最初に remocn スキルをロードして、階層規則とキャンバスおよびタイミングを確認してください。
- 名前を解決します。 リクエストが正確なコンポーネント名の場合はそれを使用します。説明(「グリッチタイトル」「高速カット」など)の場合は、
https://remocn.dev/llms-components.txtから候補を絞り込み、最適な2〜3個をそれぞれのUse for行と長さと共に提示します。選択を待ちます。 - ページを読みます。 インデックスが示す
.mdドキュメントURLを取得します。props、使用例、Length、およびAvoid forの注意事項を確認します。注意事項がユーザーの希望と一致する場合はその旨を伝え、代わりに推奨されるコンポーネントを提案します。 - プロジェクトを一度だけ準備します。
components.jsonに@remocnレジストリがない場合は、最初にnode "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <project-root>を実行します(Claude Code外の場合:このスキルのフォルダから../video/scripts/setup.mjs)。JSON結果は書き込まれたファイルを示します。warningがあれば伝えてください。 - インストールします。
npx shadcn add @remocn/<name>を実行します。依存関係は推移的にインストールされます。配置されたファイルをリストアップします。 - 使用します。 ドキュメントの例から作成した使用スニペットを、キャンバスサイズに合わせ、少なくとも
Lengthにホールド時間を加えた<Sequence durationInFrames>内に表示します。トランジションはTransitionSeries.Transitionにpresentationとして配置し、linearTiming/springTimingをLengthに設定します。ユーザーがコード内の場所を指定した場合はそこに配置し、それ以外の場合は配置場所を尋ねます。 - チェックします。
npx tsc --noEmitを実行し、次にモーションの終了フレームで静止画をレンダリング(npx remotion still <composition> out/<name>.png --frame=<n>)して確認します。