Communitygithub.com

hiwurun/remotion-saas-boilerplate

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

remotion-saas-boilerplate란 무엇인가요?

이 스킬은 Remotion 기반 프로젝트에서 자막(caption)을 JSON 형식으로 처리하는 방법을 설명합니다. `Caption` 타입을 사용하여 텍스트, 시간(밀리초), 신뢰도, 페이지 나누기 등의 정보를 구조화합니다. 음성/비디오 파일을 전사하여 자막을 생성하거나, 기존 `.srt` 파일에서 자막을 가져오고, 생성된 자막을 화면에 표시하는 방법을 안내합니다. 모든 자막 처리는 `@remotion/captions` 패키지를 기반으로 하며, 작업 완료 후에는 Remotion 모범 사례 스킬을 참조하도록 권장합니다. 또한 자동으로 Remotion Studio를 열지 여부를 결정하는 지침을 포함합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hiwurun/remotion-saas-boilerplate/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.

관련 스킬