사용 가이드로 건너뛰기
Remotion Create작성자 remotion-dev

Remotion Create 스킬.

프리뷰를 마지막까지 미루지 않고, 비디오 브리프에서 알맞은 프로젝트와 컴포지션 구조까지 진행하세요.

  • 비디오
  • React
소스 검토 · Remotion CreateSKILL.md
작업 비디오 결과물 • 새로 만들거나 재사용한 Remotion 프로젝트 • 적절한 비디오 설정으로 등록된 컴포지션 • 반복 검토를 위해 실행 중인 Studio 프리뷰 시작하기 전에 Node.js, Git, 패키지 설치, Remotion Studio, 관련 컴포지션/레이아웃 참조 문서가 필요합니다.
편집 요약 · 소스 검토일 2026-10-07 · 생성된 예시 아님

01 기능 소개

Remotion Create: 비디오 프로젝트 시작하기

새 비디오를 알맞은 컴포지션 및 편집 가이드로 안내하는, 안전한 스캐폴딩과 초기 프리뷰 워크플로입니다.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

Remotion Create는 새 Remotion 비디오의 시작 단계를 맡습니다. 대상 위치를 확인하고, 필요할 때만 스캐폴딩하며, 프로젝트가 실행되면 바로 Studio를 엽니다. 기존 프로젝트는 다른 스타터로 덮어쓰지 않고 재사용합니다.

설정 후에는 비디오 구조에 따라 작업을 나눕니다. 편집 가능한 미디어 클립 시퀀스, 여러 장면으로 된 컴포지션, 단순한 단일 장면은 각각 다른 제작 방식이 필요합니다. 이 스킬은 타임라인 코드를 작성하기 전에 해당 참조 문서를 안내하고, 이후 변경은 더 넓은 Remotion 모범 사례 가이드로 넘깁니다.

예상 결과물

  • 새로 만들거나 재사용한 Remotion 프로젝트
  • 적절한 비디오 설정으로 등록된 컴포지션
  • 반복 검토를 위해 실행 중인 Studio 프리뷰
예시 브리프 보기

브리프에서 검토까지

  1. 01
    대상 위치 확인

    기존 프로젝트와 의미 있는 파일이 있는지 확인합니다. 선택한 위치가 이미 사용 중이면 새 하위 폴더를 사용하세요.

  2. 02
    스캐폴딩과 프리뷰

    필요한 경우에만 빈 스타터를 만들고 의존성을 설치한 뒤, 컴포지션을 만들기 전에 Studio를 엽니다.

  3. 03
    비디오 구조 선택

    브리프에 독립적으로 편집 가능한 클립, 여러 장면, 단일 컴포지션 중 무엇이 필요한지 파악하고 해당 참조 문서를 따르세요.

02 활용 상황

사용 시점

Node.js, Git, 패키지 설치, Remotion Studio, 관련 컴포지션/레이아웃 참조 문서가 필요합니다.

적합한 경우

  • 첫 Remotion 비디오프로젝트 설정과 첫 컴포지션 작업이 함께 필요할 때 유용합니다.
  • 눈에 보이는 반복 작업초기 Studio 프리뷰를 통해 에이전트가 제작하는 동안 시청자가 비디오 방향을 조정할 수 있습니다.

확인할 한계

  • 모든 후속 작업용은 아님소스는 이 스킬을 제작 시작 지점으로 규정하며, 이후 편집은 더 넓은 Remotion 가이드로 안내합니다.
  • 자동 정리 없음의미 있는 숨김 파일과 기존 저장소는 지워도 되는 스타터 잔여물이 아닙니다.

준비할 입력

  • 프로젝트 위치사용할 폴더를 알려주고, 이미 Remotion 프로젝트가 있는지 표시하세요.
  • 비디오 브리프메시지, 길이, 화면 비율, 장면 또는 클립 구성을 설명하세요.
  • 소스 자산영상, 오디오, 이미지와 요청한 스타일링 프레임워크를 제공하세요.

03 핵심 결정

중요한 결정

  1. 프리뷰를 일찍 제공

    창작 구현이 끝나기 전에 실제 비디오 작업 공간을 먼저 보여줍니다.

  2. 구조는 편집 필요에 따라

    Studio에서 독립적으로 편집해야 하는 클립은 별도 노드로 작성합니다.

04 예시 브리프

구체적인 브리프로 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

전체 스킬과 연결된 참조 문서를 불러오세요. 문서화된 create-video 명령은 비디오 프로젝트를 만드는 명령이며 스킬 설치 명령이 아닙니다.

업스트림 소스 파일
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md

Node.js, Git, 패키지 설치, Remotion Studio, 관련 컴포지션/레이아웃 참조 문서가 필요합니다.

하나의 결과물로 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
Remotion Create를 사용해 이 작업 공간의 새 하위 폴더에 20초 길이의 제품 소개 영상을 시작하세요. 먼저 폴더를 확인하고 기존 파일을 보존하세요. 스캐폴딩 후 Studio를 열고, 제공된 스크린샷으로 세 장면을 계획하세요. 독립적으로 편집 가능한 각 클립은 별도의 직접 작성한 JSX 노드로 유지하세요.

결과 확인

실제 출력이 다음의 관찰 가능한 기준을 충족하는지 확인하세요.

  • 의미 있는 기존 파일이 그대로 유지됩니다.
  • 본격적인 컴포지션 작업 전에 Studio가 열립니다.
  • 컴포지션 설정과 장면 구조가 브리프와 일치합니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 포함되어 있다거나, 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 연결된 고정된 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
remotion-dev
라이선스
확인되지 않음 — 재사용 전에 업스트림 약관을 검토하세요.
검토한 스냅샷
2026-10-07 · 32b241b97f4e
편집 소스 요약
새 비디오를 알맞은 컴포지션 및 편집 가이드로 안내하는, 안전한 스캐폴딩과 초기 프리뷰 워크플로입니다.

연결된 소스를 바탕으로 OpenDesign이 직접 작성한 요약입니다. 저장소 스타는 날짜 기준의 인기 신호이며 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

기존 프로젝트 안에 또 다른 프로젝트를 만드나요?

지침에 따르면 프로젝트가 이미 있으면 스캐폴딩을 건너뜁니다.

Tailwind가 필수인가요?

아니요. 표시된 스타터 명령은 Tailwind 없는 빈 스타터이며, 요청 시에는 별도 참조 문서가 Tailwind를 다룹니다.

Studio에서 개별 클립을 편집할 수 있나요?

제작 가이드는 독립적으로 편집해야 하는 클립을 별도 JSX 노드로 만들도록 하며, 추가 타임라인 규칙은 비디오 편집 참조 문서에 있습니다.

OpenDesign

다음 디자인 반복을 위한 공간을 마련하세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md