Communitygithub.com

3bkader-gpt/remotion-틱톡-짐-편집기

자막을 전사하고, 표시하며, 애니메이션을 적용합니다.

remotion-틱톡-짐-편집기란 무엇인가요?

이 기술(스킬)은 Remotion 기반 비디오 제작 워크플로우에서 자막 캡션을 처리하는 방법을 안내합니다. 'Caption' 타입을 사용하여 JSON 형식으로 자막을 처리하며, 모든 자막 데이터는 startMs, endMs 등의 시간 정보를 포함해야 합니다. 주요 기능으로는 오디오/비디오 파일에서 자막을 전사하는 방법, 생성된 자막을 비디오에 표시하는 방법, 그리고 .srt 파일에서 자막을 가져오는 방법을 각각의 상세 문서로 제공합니다. 이 기술은 Claude Code, Cursor, Codex 등 AI 에이전트와 함께 사용되며, 개발자가 Remotion 프로젝트에서 자막 관련 작업을 빠르고 정확하게 수행할 수 있도록 돕습니다. 작업 완료 후에는 'Remotion Best Practices' 기술을 로드하고 Remotion Studio를 열도록 권장합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/3bkader-gpt/remotion-tiktok-gym-editor/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 2 individual skills — each has its own dedicated page.

관련 스킬