1仕組みと動作原理
2つのハードルールは「美的センスではなくプラットフォームの制約」として明確に定義されている：イントロは厳密に3〜5秒、ロゴ視認可能タイミングは1〜2秒とし、これを超えると実測で維持率が低下する。
skills/youtube-intro-outro/SKILL.md
1. **Keep the intro 3-5s, the logo hit 1-2s.** Anything longer than 5s causes measurable viewer drop-off, which hurts the video in the algorithm.
ここで行われていること：「オープニングアニメーションの長さ」を好みの問題から視聴者維持コストの問題へと再定義し、イントロを一編の作品ではなく迅速な認知確認へと凝縮している。
2つ目のハードルールもプラットフォームの仕様に起因する：終了画面要素は末尾5〜20秒の間のみ配置可能であり、動画の総尺は25秒以上でなければならない。
skills/youtube-intro-outro/SKILL.md
YouTube only allows end-screen elements in the final 5-20s, and the video must be at least 25 seconds long.
ここで行われていること：アウトロの長さ（約20秒の静止プレート）はスタイルの選択ではなく、「クリック可能要素を配置する領域を確保する」ための最小条件である。動画が25秒未満の場合、終了画面自体が利用不可となる。
ロゴジングルは windup → impact → settle の3拍に分解され、ブランドロゴが音声の最も強いトランジェントのフレームと正確に一致することが求められる。
skills/youtube-intro-outro/SKILL.md
The brand mark must land exactly on the sound's impact frame, not near it.
ここで行われていること：「高級感」を単一の制約（音と映像の完全なフレーム同期）へと帰着させている。リファレンスには、波形からトランジェントを特定し IMPACT = Math.round(t × fps) で換算する手法も提示されている。
スナップ演出は、spring が 1.18 から 1 へオーバーシュートする動きと、6フレームの白フラッシュ減衰を組み合わせて作成される。
skills/youtube-intro-outro/SKILL.md
`spring` overshooting from 1.18→1 *is* the snap; the white `flash` decaying over 6 frames sells the impact.
ここで行われていること：2つの調整可能パラメータ（オーバーシュート開始値、フラッシュ減衰フレーム数）によって「高品位」な質感を再現する。impact はデフォルトで0.8秒前後に固定され、ジングルのトランジェントと同期する。
アウトロのレイアウトは二分割法を核心とする：YouTubeのクリック要素が右側3分の2を占有し、自社ブランドは左側3分の1のみに配置可能。
skills/youtube-intro-outro/SKILL.md
YouTube's clickable elements live on the **right two thirds**; keep your own branding, channel name, and any face-cam in the **left third**.
ここで行われていること：多くのアウトロが失敗する原因（YouTubeが登録ボタンを重ねる位置にロゴやテキストを置いてしまう問題）を解決する。本スキルでは「エリア分割＋ネイティブ寸法」により衝突を事前に排除する。
要素のネイティブサイズは固定値（登録サークル 294×294、次のおすすめ動画カード 615×345）とし、レイアウト内に点線のプレースホルダー枠を描画する。
skills/youtube-intro-outro/SKILL.md
| Next-video card (thumbnail) | 615×345 | upper-right or center-right |
ここで行われていること：プレースホルダー枠に基づいて構図を設計し、後からStudio上で実要素を重ねる。リファレンスには16:9のASCII座標マップと「最大4要素、1カード＋1登録が最もクリック率が高い」という経験則が記載されている。
ガイド枠はプレビュービルドのみに表示し、最終出力では必ず削除して右側を意図的な空白とする。
skills/youtube-intro-outro/SKILL.md
Ship the dashed guides only in a preview build; the final render drops them, leaving a clean plate whose right side is intentionally quiet.
ここで行われていること：「デザイン補助線」と「成果物」を明確に分離する。リファレンスではpropの切り替えにより同一コンポーネントから両方の出力を実現している。
2つのコンポジションは共通の brand prop（name/logo/sting/bg/fg/accent）を使用し、ブランド固有の情報を一切ハードコードしない。
skills/youtube-intro-outro/SKILL.md
Both compositions read a single `brand` prop — no hardcoded names, colors, logos, or audio.
ここで行われていること：「ブランドの差し替え」を単一のJSONの変更に集約する。リファレンスではbrandの型定義と一括ループ処理（`for f in brands/*.json` → ブランドごとにイントロ＋アウトロの2本を出力）を提供している。
検証では impact フレーム（ロゴがフルサイズ表示＋白フラッシュ減衰中）を個別に検査し、最終成果物から点線ガイド枠が削除されていることを確認する必要がある。
skills/youtube-intro-outro/SKILL.md
Verify the **impact frame** explicitly (logo snapped to full, white flash decaying) — the sting must land *on* it, not near it.
ここで行われていること：最もズレが生じやすい工程（音と映像のフレーム同期）を、静止画3枚のついでに見るのではなく、独立した検収項目として設定している。
2コア機能
013〜5秒のブランドイントロ（windup / impact / settle の3拍、spring オーバーシュート＋白フラッシュ、ジングル合成）
02アウトロ / 終了画面プレート：左1/3のブランド領域＋右2/3の空白（表示切替可能な点線プレースホルダー枠を含む）
03要素の座標およびサイズ仕様（16:9 座標マップ、登録サークル 294×294、動画カード 615×345、最大4要素、最高CTR＝1カード＋登録）
04音声トランジェント同期手法：波形上で最強のトランジェントを特定 → IMPACT フレーム番号へ換算（または音声を逆算してトリミング）
05CSS/GSAP版ロゴジングル（Remotionを使用しない代替実装）
06ブランドテンプレート化＋一括処理：単一の brand.json でイントロ/アウトロを制御し、1つのループで複数チャンネルの動画を出力
07Shorts（9:16）向けバリアントガイド：ネイティブ終了画面は利用不可のため、チャンネル登録/次のおすすめを画面内に直接焼き込み、音声CTAで誘導
08納品・検証ループ：windup / impact / settle およびアウトロプレートの静止画確認＋probe-mp4仕様アサーション＋最終成果物からのガイド削除
3外部依存関係
| Kind | Dependency / Endpoint |
|---|---|
| cli | npx remotion still / render / compositions |
| cli | scripts/contact-sheet.sh + scripts/probe-mp4.sh（仓库根共享验证工具箱，SKILL.md 明列） |
| cli | 批量循环：`for f in brands/*.json` + basename 派生输出名（reference §7） |
| package | ffmpeg / ffprobe（系统依赖） |
4推奨統制措置と判定根拠
安全運用のための推奨統制措置
Agent 向け
段階的・都度認可、サンドボックス推奨
管理者向け
承認フロー、ロールバック可能、全履歴監査
判定根拠（ファイルパスと抜粋）
- scripts/: ローカルスクリプトまたはコマンドの実行: （SKILL.md に明記された検証ループ）`npx remotion still Intro out/i-{windup,impact,settle}.pn
- 网络端点: 外部ネットワークアクセスの宣言: `npx remotion …`: 初回実行時に公式npmレジストリ経由でパッケージおよびCLIを取得（registry.npmjs.org、ドメインはnpmに依存、ソースコード内へのハードコードなし）
- 本地工作目录: ファイルの読み書きと成果物の出力: 本スキルに基づいてエージェントが構築するRemotionプロジェクトおよび out/intro.mp4、out/outro.mp4（一括処理時は out/<brand>
監査ノート： 3段階の自己証明：① 判定対象＝skills/youtube-intro-outro/（findによりSKILL.md、references/intro-outro.md、0バイトのREADMEのみが存在し、スクリプトおよびアセットはゼロであることを確認）；② ディレクトリ内の自己動作＝素材（logo/sting）のローカル読み込みおよびローカル書き出し（Remotionプロジェクト、out/*-intro.mp4、out/*-outro.mp4、静止画、sheet.png）＋ローカルCLI（`npx remotion`；ffmpeg/ffprobeはリポジトリ直下のscripts/経由）、skills/ 全域で `process.env` / `api[_-]?key` / `token` / `cookie` / `https?://` のヒット数はいずれもゼロ；③ 唯一のネットワーク面は公式npmレジストリからのパッケージ取得（remotion / @remotion/*）であり、サイト内の既存Blue判定事例（hyperframes、general-video、motion-background）と同一基準。Yellow/Orangeへの引き上げは不要：固定の公開エンドポイントへのクエリなし、スクレイピングなし、認証情報/環境変数の読み込みゼロ、外部への素材送信ゼロ——本スキルはYouTube APIと連携せず、プラットフォームへコンテンツをアップロードすることも一切ない（公開作業はユーザー自身がStudioで実施）。Red判定非該当：TLSダウングレードなし、サンドボックス無効化なし、自動化検出回避なし、任意コード実行面なし。特記（判定変更なし）：プラットフォームの基準（3〜5秒のイントロ、動画総尺25秒以上、終了画面は末尾5〜20秒のみ）は外部ルールであり、本スキルは注意喚起およびprobe-mp4で計測可能な範囲（尺/仕様）のみを扱うため、最終的な規約遵守責任はユーザーに帰属する。
5二重目の独立検証
- [ok] 平台时间常数在 SKILL.md 与 reference 是否一致（防一手数据两处不同） — SKILL.md：intro 3-5s、logo hit 1-2s、end-screen 只允许最后 5-20s、视频 ≥25s、outro plate 保持 ~20s；reference 表："logo hit 1-2s"、"Whole intro | 3-5s max"、"End-screen window | last 5-20s"、"Outro plate hold | ~20s"、"Minimum total video length | 25s"。两处逐值对应，无矛盾。
- [ok] 元素尺寸与数量上限是否两处一致 — SKILL.md 给 Subscribe/channel circle 294×294、Next-video card 615×345、Playlist/link card 294×294，并在输出清单写「Up to 4 end-screen elements planned (1 video + 1 subscribe is the highest-CTR layout)」；reference 元素表同值（615×345 / 294×294 / 294×294）并写 "| Max elements | 4 | highest CTR layout = **1 video card + subscribe**, nothing else |"。一致。
- [discrepancy] Shorts（9:16）场景的覆盖是否存在缺口（第一遍只读 SKILL.md 会漏） — SKILL.md 的硬规则 2 是无条件表述：「The outro must be ≥20s of held, quiet layout, and the video ≥25s total.」并未提 Shorts 例外；而 reference §1 明确写 "for Shorts use a 2-3s end card and a verbal CTA instead of native end-screen elements (Shorts do not support them)"，§5 另设「9:16 (Shorts) note」。结论：只读 SKILL.md 的 agent 可能给一条 45 秒的 Short 设计 20 秒 outro，直接吃掉整片——这是对 pin commit 有效的真实覆盖缺口（信息存在于 reference，未上提到 SKILL.md 的硬规则）。
- [unlocatable] 「Anything longer than 5s causes measurable viewer drop-off」是否有据 — SKILL.md 与 reference 都以肯定语气给出留存影响（"retention drops measurably"），但仓库内无引用来源、无数据集、无链接；本次为只读侦查，不验证该断言，仅记为文档声明。平台机制部分（5-20s 窗口、≥25s 门槛）属 YouTube 公开规则，可信度高但仍未附官方链接。
- [ok] brand prop 是否真的无任何硬编码（防「模板化」空口宣称） — SKILL.md 的 LogoSting 与 EndScreen 组件里，颜色/字体/logo/sting 全部取自 `brand.bg` / `brand.fg` / `brand.accent` / `brand.logo` / `brand.sting`（仅字体族在示例里写 "700 56px Inter" 这类样式串）；reference §7 定义 Brand 类型与 brands/pixelforge.json 示例，并强调 "Keep fonts, sizes, timing, and layout fixed in the components — only `brand.json` changes." 与 SKILL.md 的宣称一致。
- [ok] impact 帧对齐方法是否可操作（而非只喊「要对齐」） — reference §4 给出四步：「Open the sting in any waveform view… The impact is the tallest transient」「Read its time in seconds, e.g. 0.78s」「Set `IMPACT = Math.round(0.78 * fps)` and make the logo's `opacity`/`scale` snap key fall on that frame.」「If you can't move code, instead trim the audio so its transient sits at your fixed `IMPACT` (e.g. 0.8s)」。方法具体、可执行，且给了代码侧与音频侧两种收敛方向。
- [ok] 验收与交付是否覆盖「guides 不得进成片」 — SKILL.md 写 "Ship the dashed guides only in a preview build; the final render drops them"，verify 段亦要求 "Drop the dashed end-screen guides for the final render; verify the right two-thirds is intentionally quiet."；reference §6 用 prop 开关实现同一组件的两种输出。纪律 + 机制 + 验收三处齐备（但仍是纪律而非强制渲染开关）。
6結論
最適な用途： 適しているケース：YouTuberやチャンネル運営者が、一度作成したブランドイントロと終了画面テンプレートを brand.json の差し替えだけで他チャンネルへ横展開する場合。「YouTubeのクリック要素が自社レイアウトに被らないこと」を確実に担保したいチーム（最もミスが起きやすく、かつ定量化しやすい工程）。波形から数値を読み取り、「impact フレームの単独目視検収」を受け入れられるワークフロー。
不向きな用途： 適していないケース：① Shortsのみを制作するクリエイターがハードルール2をそのまま適用すること（リファレンスのShorts例外を参照し、2〜3秒のエンドカード＋音声CTAへ変更すべき）；② 終了画面要素の自動配置を求める人（Studioでの配置合わせは依然として手動が必要）；③ 多言語・多画面比率の同時出力を必要とする複雑なブランド体系（本スキルは16:9のイントロ/アウトロのみを対象とし、9:16は解説のみ）；④ 「ブランドアセットの自動最適化」（ロゴの自動トリミング、ジングルの自動編集など）を求める環境（アセット自体が準備完了していることを前提とする）；⑤ プラットフォームAPIによる投稿やデータ取得を目的とする人（本スキルはYouTube APIと一切連携しない）。
Install Agent-Ready
① Verified Mirror 2026-09-28
Option A · Direct DownloadDownload youtube-intro-outro.tar.gz
sha256:
Option B · Copy Guide for Agent9f3a594d22ab4694…Agent はこの JSON ガイドから自動的にダウンロードして検証します。
② Upstream GitHub
GitHub Repo ↗
Pinned to commit f3df381d65.