Communitygithub.com

masskx/reading-caption-news

高考・CET-4・CET-6向けの約55~70秒の縦型バイリンガル朗読ショート動画を生成するスキル。キャプション先行型のソーシャルニュース解説テンプレートで、睡眠、画面、運動、気候などの実際のトピックを扱います。

reading-caption-news とは?

このスキルは、TikTok/抖音向けの約60秒の縦型ショート動画を自動生成します。動画は、高校生・大学生レベルの英語学習者(高考、CET-4、CET-6)を対象としたバイリンガルニュース解説テンプレート「Caption News」に基づいて構成されます。 各エピソードは、1つの実在するトピック(健康、科学、環境など)について、5つの英文チャンク(各1文、10~20語)で構成され、各チャンクにはグラフィックと、フレーズごとに表示される英和キャプションが付きます。画面に表示されるすべての数字は、出典(CDC、WHOなど)のタグとともに表示されます。動画の後半では、読解問題(主旨・詳細)とキーワード復習が含まれます。 ワークフローは、 `npm run plan` で計画を立て、`npm run new` でエピソード作成、`FACTS.md` に事実と出典を記述、データファイル(`data/captionNews.ts`)で構造を定義し、`npm run produce` で音声・レンダリングまで一貫して実行します。すべての数値には出典が必須であり、チェックコマンドで検証されます。 このスキルは、学習用ニュース動画を制作するクリエイターや教育コンテンツ制作チーム向けで、教材としての正確性とエンターテインメント性を両立した高品質なバイリンガル動画を効率的に量産できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/masskx/GYEVideo/tree/main/remotion-template/skills/reading-caption-news

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

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

ドキュメント

双语新闻阅读 · Caption News (reading)

60秒のソーシャルニュース動画。実はこっそり高考の読解問題。1つのトピック、5つのチャンク(各1文)、各チャンクの上にグラフィック、キャプションは音声に合わせてフレーズごとに表示。画面上のすべての数字に出典が付きます。その後、主旨/詳細問題と根拠となる行、そして重要語句の復習を含みます。

最初に ../_shared/HOUSE_RULES.md と ../_shared/DIRECTING.md を読んでください。 ルック:references/style.md。参考エピソード:reading-episodes/002_teen_sleep_news(58秒、CDC/AASM出典、FACTS.mdに記載)。

試験対応。 このテンプレートは高考、CET-4、CET-6に対応します。npm run new -- reading-caption-news <id> --exam gaokao|cet4|cet6 で試験を設定し、../_shared/EXAMS.md に従ってください。視聴者、語彙レベル、難易度、問題ラベルは試験に応じて変わります。画面上の試験ラベルは自動で切り替わります。参考エピソードは高考エピソードです。

ワークフロー(remotion-template/ 内)

npm.cmd run plan
npm.cmd run new -- reading-caption-news 003_<topic>_news --exam gaokao   # または cet4 / cet6
# 最初に FACTS.md(出典)、次に brief.md、TREATMENT.md、data/captionNews.ts、data/voiceScript.ts
npm.cmd run episode:use -- ../reading-episodes/003_<topic>_news
npm.cmd run check           # すべてのERRORを修正(空白のbrief/TREATMENTやコピーした参照データもエラーになります)
pm.cmd run produce         # 音声→音声:チェック→チェック→タイムライン→オーディオ→レンダリング+QA;最初の失敗で停止

まずは事実から

  1. 学生が関心を持ち、試験が好むトピック(健康、学校生活、科学、環境、テクノロジー)を選びます。
  2. 1~3の一次出典(CDC、WHO、NIH、政府統計ページ、査読付きジャーナル)を見つけます。ブログや他の動画は避けてください。
  3. FACTS.md を書きます:各主張について、URL、ページの日付、正確な引用文を記載します。画面上の数字は引用文と一致する必要があります(24%に対して「約4人に1人」のように丸めを示す)。
  4. 健康トピック:出典の言うことを報告するだけ。自分でアドバイスや診断をしないでください。

文章の書き方

  • 5チャンク、各1文、10~20語、高考レベル(B1~B2)。オリジナルの文にしてください。出典のテキストをコピーしないでください。
  • 展開:専門家の意見→驚くべき数字→なぜ(メカニズム)→結果→簡単な対処法。
  • 3~6の復習語(vocab)、すべて課内語彙、ただし1つだけ 拓展 可。
  • 問題:主旨または詳細、正解は1つ、evidenceLineId = それを証明するチャンク。

構造

シーン種類行数内容秒数
headline1キッカーチップ、見出しが単語ごとに表示、中国語見出し、豚3~5
chunk × 4~6各1行グラフィック、フレーズごとのキャプション、キーワードブロック、中国語行、出典タグ各5~8
question2(問題、解答)選択肢、思考タイマー、解答ハイライト、原文定位ボックス10~12
recap2(復習、サインオフ)重要語句と品詞・意味、コメント促し9~12

データ(data/captionNews.ts)

  • kicker、headline:{en, zh}。
  • chunks:音声行ID→{zh, keyword?, graphic, sourceId?}。keyword は字幕のフレーズと完全に一致する必要があります。数値を述べる行には sourceId が必須です(npm run check でチェック)。
  • graphic の種類:clock(強調範囲付きの夜間時計、label)、people(of、highlight、label — 例:4人に1人、パーセンテージが回転)、brain、trend(direction 上/下)、phone。
  • sources[]:{id, label(タグ用の短いラベル), url, quote} — FACTS.mdと同じ。
  • vocab[]:{word, pos, meaning, level}。
  • question:{stem, stemZh, options[4], answerIndex, evidenceLineId, sourceNote}。
  • score:タイトなパルス(100~116 BPM)。

音声

  • 文章、問題、解答は英語(instruction:10代の学習者向けの落ち着いたニュースキャスター)。
  • 数字は text 内でスペルアウト(「eight to ten hours」、「one in four」)、subtitle 内では数字で書く(「8 to 10 hours」、「1 in 4」)。キャプションのタイミングは字幕内の位置に基づくため、音声に合わせて表示される。
  • asrAccept:聞き取った後にのみ使用(例:「aged」が「age」と書き起こされた場合)。

バリエーション調整

  • グラフィックの順序と背景色(NEWS.grounds がシーンごとに回転)。
  • 展開:神話→事実、疑問文見出し(「○○は本当に...?」)、または数字で始めるコールドオープン。
  • 問題の種類(主旨/詳細/推理/語義推測)と復習の位置。
  • スコアのBPMとキー、音楽が止まる場所。

ファイル

  • src/captionnews/ReadingCaptionNewsVideo.tsx、ReadingCaptionNewsCover.tsx — コンポジション;粒子のあるグラウンド、HUD(シリーズ名、No.、トピック)。
  • src/captionnews/schedule.ts — CAPTION_NEWS、phrasesOf、phraseTimes、subtitleSpokenAt。
  • src/captionnews/scenes.tsx — グラフィック、キャプション(フレーズスラム、キーワードブロック、中国語、出典タグ)、見出し、チャンク、問題、復習。
  • src/captionnews/theme.ts — 色、フォント、レイアウト。

Individual skills in this repo

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

関連スキル