Communitygithub.com

masskx/reading-caption-news

약 55~70초 길이의 세로형 더우인(抖音) 이중 언어 독해 숏츠를 제작합니다. 수능/CET-4/CET-6 학생을 위한 '캡션 뉴스' 템플릿으로, 실제 출처가 있는 주제(수면, 스크린, 운동, 기후)를 수능 스타일 지문으로 구성하고, 큰 흰색 영어 캡션이 구절 단위로 등장하며 노란색 블록에 키워드가 표시되고, 각 숫자에는 출처 태그가 붙습니다.

reading-caption-news란 무엇인가요?

이 스킬은 소셜 미디어에서 입소문을 탈 수 있는 60초 분량의 이중 언어 뉴스 동영상을 생성하여 중국 수능 및 영어 시험 준비생을 대상으로 합니다. 실제로는 학생들이 지문을 읽고, 주요 어휘를 익히며, 독해 문제를 풀 수 있도록 설계된 숨은 교육 콘텐츠입니다. 스킬은 먼저 신뢰할 수 있는 출처(CDC, WHO, NIH 등)에서 사실을 수집한 후, B1-B2 수준의 간결한 영어 문장으로 구성된 5개의 청크로 이루어진 지문을 작성합니다. 각 청크에는 데이터 그래픽, 구절별 캡션 애니메이션, 키워드 블록, 중국어 번역이 포함됩니다. 그 후 주제/세부 사항 문제와 어휘 복습이 제공되며, 모든 숫자에는 출처 태그가 붙어 정보의 신뢰성을 강조합니다. 지원 플랫폼은 Remotion(동영상 렌더링 엔진) 기반의 명령줄 워크플로우로, Claude Code 또는 유사한 AI 코딩 에이전트가 'npm run plan' 명령어를 통해 이 스킬을 식별하고 실행합니다. 워크플로우는 계획, 새 에피소드 생성, 사실 확인(FACTS.md), 대본 작성(brief.md, TREATMENT.md), 데이터 설정(data/captionNews.ts, data/voiceScript.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에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

이중 언어 뉴스 읽기 · 캡션 뉴스 (reading)

60초 분량의 소셜 뉴스 동영상으로, 사실은 수능형 독해 지문입니다. 하나의 주제, 5개의 청크(각각 한 문장), 각 청크 위에 그래픽이 표시되고 캡션이 음성에 맞춰 구절 단위로 나타납니다. 화면에 나오는 모든 숫자에는 출처가 표시됩니다. 그 다음 주제/세부 사항 문제와 증거 문장, 그리고 지문의 핵심 단어가 제공됩니다.

먼저 ../_shared/HOUSE_RULES.md와 ../_shared/DIRECTING.md를 읽으십시오. 스타일 참조: references/style.md. 참조 에피소드: reading-episodes/002_teen_sleep_news (58초, CDC/AASM 출처는 FACTS.md에 있음).

시험. 이 템플릿은 수능, 4급, 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           # 모든 오류 수정 (빈 brief/TREATMENT 및 복사된 참조 데이터도 실패로 간주)
npm.cmd run produce         # 음성 → 음성:확인 → 확인 → 타임라인 → 오디오 → 렌더링 + QA; 첫 번째 실패 시 중단

먼저 사실 확인

  1. 학생들이 관심을 가지고 시험이 선호하는 주제를 선택하십시오 (건강, 학교 생활, 과학, 환경, 기술).
  2. 1~3개의 주요 출처를 찾으십시오 (CDC, WHO, NIH, 정부 통계 페이지, 동료 검토 저널). 블로그나 다른 동영상은 안 됩니다.
  3. FACTS.md를 작성하십시오: 각 주장에 대해 URL, 페이지 날짜, 정확한 인용문을 포함하십시오. 화면의 숫자는 인용문과 일치해야 합니다 (반올림 표시: "약 4명 중 1명"은 24%를 의미).
  4. 건강 주제: 출처가 말한 내용을 보고하십시오. 자신의 조언이나 진단은 금지합니다.

지문 작성

  • 5개의 청크, 각각 한 문장, 10~20 단어, 수능 수준 (B1–B2). 원문을 그대로 복사하지 말고 독창적인 문장을 만드십시오.
  • 흐름: 전문가 의견 → 놀라운 숫자 → 이유 (메커니즘) → 결과 → 간단한 해결책.
  • 3~6개의 복습 단어 (vocab), 모두 수능 기준 어휘이며 최대 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: 박진감 넘치는 BPM (100–116 BPM).

음성

  • 지문, 질문 및 정답은 영어로 (instruction: 청소년 학습자를 위한 차분한 뉴스 진행자 톤).
  • text에서는 숫자를 철자로 표기 ("eight to ten hours", "one in four")하고 subtitle에서는 숫자로 표기 ("8 to 10 hours", "1 in 4"). 캡션은 자막 내 위치에 따라 구절 타이밍이 정해지므로 음성과 함께 표시됨.
  • asrAccept는 듣기 후에만 사용 (예: "aged"가 "age"로 전사된 경우).

변형 옵션

  • 그래픽 순서 및 배경색 (NEWS.grounds가 장면별로 순환).
  • 흐름: 신화 → 사실, 질문 형태의 헤드라인 ("Is ... really ...?"), 또는 숫자 우선 콜드 오프닝.
  • 문제 유형 (주제 / 세부 사항 / 추론 / 어휘 추측) 및 복습 위치.
  • 음악 BPM 및 키; 음악 중단 지점.

파일

  • src/captionnews/ReadingCaptionNewsVideo.tsx, ReadingCaptionNewsCover.tsx — 컴포지션; 그레인 효과가 있는 배경, HUD (시리즈명, 번호, 주제)
  • 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.

관련 스킬