사용자 변경 사항 보존
사용자는 대화 외부에서 코드를 편집할 수 있습니다.
그 사이에 놀라운 변경이 감지되면 덮어쓰지 말고, 의도적인 것으로 간주하거나 확인을 요청하세요.
비디오 만들기
사용자가 새 비디오나 컴포지션을 만들거나 생성하거나 제작하도록 요청하면, Remotion 프로젝트가 이미 존재하는지 여부와 관계없이 Create a new Remotion video를 로드하세요.
새 프로젝트 설정
현재 Remotion 프로젝트가 존재하지 않으면 Create a new Remotion project를 로드하세요.
React 마크업 모범 사례
Remotion React 마크업을 작성 중이라면 Remotion Markup Best Practices를 로드하세요.
지도
정적 지도, 애니메이션 경로 및 마커, 지리적 설명, Mapbox, MapLibre, MapTiler, GeoJSON 또는 3D 지리적 비행(플라이오버)의 경우 Remotion Maps를 로드하세요.
멀티미디어
브라우저에서 비디오 자르기, 크롭, 메타데이터 가져오기 등 멀티미디어 작업을 수행하려면 Remotion Multimedia를 로드하세요.
인터랙티브성 향상
Remotion 마크업을 잘 구조화하면 사용자가 Studio에서 대화형으로 항목을 변경하고 코드에 다시 쓸 수 있습니다. 관련된 경우: Interactivity Best Practices
미리보기 열기
사용자가 비디오를 "만들기", "생성하기" 등을 요청한 경우, 명시적으로 요청하지 않는 한 기본적으로 비디오를 렌더링하지 마세요. 대신 대화형 미리보기를 보고 싶어 합니다. 프로젝트가 실행될 수 있게 되면, 컴포지션을 빌드하거나 편집하기 전에 Studio를 시작하고 브라우저에서 미리보기를 여세요. 작업하는 동안 계속 열어 두어 사용자가 진행 상황을 보고 방향을 제시할 수 있도록 하세요.
Cursor를 사용하는 경우
--no-open 없이 Studio를 실행하여 브라우저가 자동으로 열리게 하세요:
npx remotion studio
인앱 브라우저가 있는 다른 에이전트 클라이언트를 사용하는 경우
위 명령어를 사용하여 Studio가 브라우저를 열게 하거나 다음을 실행할 수 있습니다:
npx remotion studio --no-open
이렇게 하면 장기 실행 프로세스가 시작되고 미리보기용 서버 URL이 출력됩니다.
서버가 이미 시작된 경우에도 URL이 출력됩니다.
--no-open을 사용하는 경우, 인앱 브라우저에서 출력된 정확한 URL을 열고 Studio가 로드되는지 확인하세요. 컴포지션이 존재하면 비디오 미리보기가 로드되는지 확인하세요. 인앱 브라우저에서 열 수 없으면 --no-open 없이 Studio를 실행하세요.
특정 컴포지션을 방문하려면 /[composition-id]로 이동하세요(예: http://localhost:3000/MapAnimation).
:::note Studio는 WebMCP 도구를 지원합니다. :::
인앱 브라우저가 없는 경우
이렇게 하면 브라우저에서 Studio가 열리거나 이미 열려 있으면 다시 포커스됩니다.
npx remotion studio
더 많은 옵션
Remotion Studio에서 프로젝트를 시작하거나, 정확한 로컬 URL을 열거나, Studio CLI 플래그를 구성하려면 Remotion Studio를 로드하세요.
비디오 렌더링
사용자가 명시적으로 요청한 경우에만 렌더링하세요. 예: "비디오 렌더링", "내보내기", "MP4 파일 줘".
미리보기에는 더 직관적인 렌더링 인터페이스도 있으므로, 렌더링에 명령줄 대신 이를 사용하는 것을 고려하세요.
npx remotion render
더 많은 옵션은 Rendering을 참조하세요.
단순한 npx remotion render 이상의 고급 렌더링은 Rendering Best Practices를 참조하세요.
캡션
캡션 작업 시 Remotion Captions를 로드하세요.
SaaS, 자동화 또는 애플리케이션 만들기
Remotion 기반 SaaS 앱(예: <Player>, Lambda, Vercel, Cloudflare, Express.js를 통한 렌더링, 클라이언트 측 렌더링 또는 적절한 SaaS 템플릿 찾기)에 대한 지식이 필요하면 Remotion SaaS skill을 사용하세요.
Remotion API 및 문서 조회
최신 Remotion 문서를 찾고 읽으려면 Remotion Docs를 로드하세요.
업그레이드
Remotion, 관련 패키지, 호환되는 Mediabunny 패키지 및 설치된 Remotion Agent Skills를 업그레이드하려면 Remotion Upgrade를 로드하세요.