ノンストップモーション は何をしますか？
トピックを15～40秒の縦型モーショングラフィックス動画に変換します。この動画は:
- 最初の0.5秒でスクロールを止めます（フレーム0ですでにフックが表示され、フェードインはありません）。
- 決して静止しません。 3つのモーションレイヤー（カメラ、アンビエント、コンテンツ）が常に動作します。
- 高速ですが読みやすい。 各ビートの長さは、そのビートの単語数から計算されるため、すべての行が読み終わるのに十分な時間だけ画面に表示され、それ以上は表示されません。
- あらゆるトピックに対応します。 ビートは汎用的です（フック、統計、リスト、比較、UI、チャット、ダイアログ…）。4つのテーマと3つのテンポで、テクノロジー、金融、教育、コメディ、製品、ストーリーコンテンツをカバーします。
各動画は2つのレイヤーで構成されます:
- 背景: 低ポリ3Dワールド（机、屋上、ステージの3セット）、3Dマスコット「Blip」、および14のシネマティックカメラショット（スナップズーム、ヴァーティゴドリ―ズーム、ホイップ、クレーン、ダッチ、オービット…）。各ビートは独自のショットを持ちます。
- 前面: 動的なタイポグラフィ、UIウィンドウ、チャット、統計リング、リスト、全画面パンチ。
- サウンド: オリジナル生成音楽。すべてのカットがキックに着地し、カメラはすべてのビートでパンチし、SFXはカットに合わせてヒットします。
エンジンは template/ 内のRemotionプロジェクトです。通常の動画ではアニメーションコードを記述する必要はありません。 scripts/<slug>.json を記述してからレンダリングします。
ワークフロー（順に従ってください）
1. ブリーフィング（推測できないことだけを質問する）
- トピック + 視聴者が離脱時に覚えているべきこと（1文）。
- 視聴者 + 言語。 クリエイターが投稿する言語で記述します。スラングも含めます（例: インドネシア語のカジュアルな「lu/gw」）。
- ゴール → CTA: フォロー（シリーズ）、保存（便利なリスト）、シェア（共感できる）、コメント（意見や質問）。
- ニッチ → テーマ + テンポ。
references/adaptation.mdを参照。
2. 構造を選ぶ
references/adaptation.md からアークを1つ選び（問題→ひねり、神話→真実、ストーリー/視点、リスト記事、対決、数字ファースト、積み上げ→オチ）、それをビートにマッピングします。目標は 6～10ビート、18～35秒。
3. ビートスクリプトを書く
すべてのビートのフィールドについては references/beats.md をお読みください。厳格なルール:
- ビート1は常に
hook、最大8単語、好奇心のギャップまたは緊張感を持たせます（references/retention.mdに公式があります）。 - 1ビートにつき1つのアイデア。 テキストビートは12単語以下に抑えます。行が長い場合は2つのビートに分割します。速いペースは単語数を増やすのではなく、ビート数を増やすことで実現します。
- ビートごとに1つの強調 を
*アスタリスク*でマークします。アクセントカラーでマーカースイープとともにレンダリングされ、視聴者の目が最初にそこに向きます。 - ビートタイプは少なくとも2ビートごとに変更します。 同じタイプを3つ続けて配置しないでください。約3～4ビートごとに
punchまたはstatをパターンインタラプトとして使用します。 - 説明するのではなく、見せる。 トピックがソフトウェアを含む場合は
uiを使用します。会話はchatに、数字はstatに、A対Bはcompareに入れます。 - 最後のビートは
ctaです。 そのCTAはステップ1のゴールと一致している必要があります。 - 事実をでっち上げないでください。 数字の例は例としてマークするか（「例」「e.g.」）、実際の出典のある数字を使用します。
4. Lint、レンダリング、QA
template/ はこのSKILL.mdと同じ場所にあります。初回使用時、template/node_modules がない場合は、そこで npm install を実行してください（約1分かかります）。
cd template
npm install # 初回のみ
npm run lint:script -- scripts/<slug>.json # 可読性、ペース、ショット計画、ビートグリッドのタイミング
npx remotion render NonstopShort out/<slug>-draft.mp4 --props=scripts/<slug>.json --scale=0.4 # 高速ドラフト
npx remotion render NonstopShort out/<slug>.mp4 --props=scripts/<slug>.json # 最終版 1080×1920
bash scripts/qa-sheet.sh out/<slug>.mp4 # コンタクトシート → out/<slug>-sheet.png
コンタクトシートを開いて確認:
- フレーム0: フックは表示されていますか？
- 各ビート: テキストは読みやすく、安全領域内ですか？
- 静止部分: どのショットも約1秒以上停止していませんか？
- 重なり: 要素同士が衝突していませんか？
修正はまずJSONを編集して行います: ビートを分割する、hold（0.8でタイトに、1.3で引きずる）を使用する、または transition、shot、set を変更する。JSONで変更を表現できない場合のみコードを編集します。3DレンダリングはCPUサーバー上でフレームあたり約1～2秒かかるため、常に最初に --scale=0.4 のドラフトでQAを行ってください。
インタラクティブプレビュー: npx remotion studio。
5. 納品
MP4、JSON、および3～5個のハッシュタグを含むキャプションを納品します。音楽とSFXはすでにMP4に含まれています: テンポに合わせたBPMのオリジナル生成トラックです。代わりにトレンドのサウンドを使用するには、"music": false でレンダリングし、アプリ内でサウンドを追加してください。カットは引き続き92/118/140 bpmのグリッドに従います。
テーマ × テンポ
| テーマ | 外観 | 最適な用途 |
|---|---|---|
midnight | 夜空のインディゴ、暖かい琥珀色のアクセント、ソフトグロー、マスコット | AI/テクノロジー、ストーリーテリング、POVスキット |
paper | クリーム色の紙、黒いアウトライン、オフセットした「ステッカー」シャドウ | 教育、科学的事実、ライフスタイル、コメディ |
terminal | ほぼ黒、蛍光緑、3Dスクロールグリッド | 開発者ユーモア、ハッキング/セキュリティ、ゲーム |
editorial | オフホワイト、セリフ体のディスプレイ、落ち着いた線 | 金融、ビジネス、ニュース、自己啓発 |
| テンポ | 読み速度 | 最小ビート | 雰囲気 |
|---|---|---|---|
chill | 2.6 単語/秒 | 1.6 秒 | ストーリーテリング、感情的 |
fast（デフォルト） | 3.5 単語/秒 | 1.0 秒 | ほとんどのコンテンツ |
hyper | 4.0 単語/秒 | 0.75 秒 | ミーム、高速リスト、Z世代ユーモア |
meta.mascot: false でマスコットを削除（シリアスなコンテンツやブランドコンテンツに使用）。meta.mascotName で名前を変更できます。
meta.world: "flat" で3Dワールドを削除（2Dのみ、約3倍高速）。meta.music: false または { file, bpm, volume }。meta.sfx: false でウィッシュ音をミュートします。
リファレンスファイル（必要なときに読んでください）
references/beats.md: すべてのビートタイプ、そのフィールド、および使用タイミング。スクリプトを書く前に読んでください。references/adaptation.md: ニッチ → テーマ/テンポ/アーク、すぐに使えるビートシーケンス付き。references/retention.md: フックの公式、パターンインタラプト、ループ、CTA。references/camera-and-music.md: セット、14のカメラショット、ビート同期ルール、カスタム音楽、レンダリング速度。references/tempo-and-motion.md: タイミングの計算とモーションの原則。コードを変更する前に読んでください。references/style-principles.md: ビジュアルの背後にある原則（ムードワールド、アクセント、キャラクター、リズム）。references/originality.md: オリジナルを保つためのルール（ブランド/IPリクエストの前に読んでください）。references/extending.md: テーマ、ビートタイプ、カスタムマスコット、音楽やナレーション、その他のアスペクト比の追加方法。