사용자 변경 사항 유지
사용자는 대화 외부에서 코드를 편집할 수 있습니다.
그 사이에 놀라운 변경 사항이 발견되면 덮어쓰지 말고, 의도적인 것으로 간주하거나 확인을 요청하세요.
동영상 생성
사용자가 새 동영상이나 컴포지션을 만들거나 생성하거나 구축하도록 요청하면, 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 에이전트 스킬을 업그레이드하려면 Remotion Upgrade를 로드하세요.