Communitygithub.com

Guilhermeslvg/video-portfolio

자막을 JSON 형식으로 처리하고, 비디오에 표시하며 애니메이션을 적용하는 스킬입니다.

video-portfolio란 무엇인가요?

이 스킬은 Remotion 기반 비디오 프로젝트에서 자막을 다루는 방법을 제공합니다. 비디오/오디오에서 자막을 추출(transcribe), JSON 형식으로 가져오기, 비디오에 표시 및 애니메이션 적용하는 전 과정을 안내합니다. 핵심 데이터 구조는 `@remotion/captions` 패키지의 `Caption` 타입을 따르며, 각 자막의 텍스트, 시작/종료 시간(ms), 타임스탬프, 신뢰도 등의 정보를 포함합니다. 또한 .srt 파일에서 자막을 가져오거나, Remotion Studio에서 직접 편집한 후 최종 비디오를 렌더링할 수 있습니다. 이 스킬은 Remotion Best Practices 스킬과 연계되어 완성도를 높입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-captions

즐겨 사용하는 AI에게 물어보기

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

문서

모든 자막은 JSON 형식으로 처리되어야 합니다. 자막은 다음 Caption 타입을 사용해야 합니다:

import type { Caption } from "@remotion/captions";

정의는 다음과 같습니다:

type Caption = {
  text: string;
  startMs: number;
  endMs: number;
  timestampMs: number | null;
  confidence: number | null;
  pageBreakAfter?: boolean;
};

자막 생성하기

비디오 및 오디오 파일을 변환하여 자막을 생성하려면 transcribe-captions.md 파일을 불러와 추가 지침을 확인하세요.

자막 표시하기

비디오에 자막을 표시하려면 display-captions.md 파일을 불러와 추가 지침을 확인하세요.

자막 가져오기

.srt 파일에서 자막을 가져오려면 import-srt-captions.md 파일을 불러와 추가 지침을 확인하세요.

작업 완료 후

작업이 끝나면 Remotion Best Practices 스킬을 불러오세요.

아직 완료되지 않았다면, 다른 지시가 없는 한 Remotion Studio를 여세요.

Individual skills in this repo

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

관련 스킬