Remotion Dev 스킬

Remotion에서 Three.js와 React Three Fiber를 사용한 3D 콘텐츠.

외부 Remotion Element 기여를 수락하려면 커밋된 미리보기를 확인하고, R2에 업로드하고, 임시 자산을 제거하고, 준비를…

packages/bugs/api/[v].ts에 새로운 Remotion 버그 항목을 추가합니다. 사용자가 버그와 영향을 받는 Remotion 버전을 설명할 때 사용하며, 이를 통해 표면화되어야 합니다…

packages/bugs/api/[v].ts에 새로운 Remotion 버그 항목을 추가하세요. 사용자가 버그와 영향을 받는 Remotion 버전을 설명할 때 사용하세요. 이를 통해…

새로운 Remotion CLI 또는 설정 옵션을 추가하려면 AnyRemotionOption을 생성하고, CLI 파싱을 등록하고, 설정 세터를 연결하고, 문서를 업데이트하세요. 다음 경우에 사용하세요…

새 Remotion CLI 또는 config 옵션을 추가하려면 AnyRemotionOption을 생성하고, CLI 파싱을 등록하며, config 설정자를 연결하고, 문서를 업데이트하세요. 다음 경우에 사용합니다...

@remotion/effects에 새로운 이펙트를 추가합니다. 구현, 패키지 내보내기, 문서, 데모, 미리보기 이미지, Remotion 스킬 업데이트, 테스트, 포맷팅 등을 포함합니다.

@remotion/effects에 새로운 효과를 추가합니다. 여기에는 구현, 패키지 내보내기, 문서, 데모, 미리보기 이미지, Remotion 스킬 업데이트, 테스트, 포맷팅 등이 포함됩니다.

Remotion 전문가 페이지에 새 전문가 추가

Remotion 전문가 페이지에 새 전문가를 추가합니다

Remotion 모노레포에 새 패키지를 추가합니다. 패키지 기본 구조 생성, 모노레포 등록, 문서화, 빌드 스크립트, 테스트, 릴리스 체크리스트를 포함합니다…

Remotion 모노레포에 새 패키지를 추가하며, 패키지 스캐폴딩, 모노레포 등록, 문서, 빌드 스크립트, 테스트, 릴리스 체크리스트를 포함합니다…

@remotion/sfx에 새로운 음향 효과 추가

브라우저 WebCodecs 버그를 Remotion Mediabunny WebCodecs 버그 문서 페이지에 추가합니다. 추적해야 하는 Chromium, WebKit 또는 Firefox 이슈 URL이 주어졌을 때 사용합니다…

브라우저 WebCodecs 버그를 Remotion Mediabunny WebCodecs 버그 문서 페이지에 추가합니다. 추적해야 하는 Chromium, WebKit 또는 Firefox 이슈 URL이 주어졌을 때 사용합니다…

개인 Remotion Canvas Capture 미포장 Chrome 확장 프로그램을 다시 빌드하고, 설치하고, 다시 로드한다. Codex 작업 트리 이후 확장 프로그램을 복원해야 할 때 사용한다…

Remotion 리포지토리에서 요청된 브랜치 또는 ref를 체크아웃하고, Codex에서 실행 중일 때 현재 작업을 연결된 PR 제목으로 변경한 다음, 의존성을 설치합니다…

Remotion 저장소에서 요청된 브랜치나 ref를 체크아웃한 후, 의존성을 설치하고 빌드합니다. 사용자가 ref를 체크아웃하고 준비하도록 요청할 때 사용합니다.

로컬 @remotion/convert 앱을 시작하고 Codex 브라우저에서 엽니다. 사용자가 /convert 또는 $convert를 호출하거나 convert.remotion.dev… 실행을 요청할 때 사용합니다.

로컬 @remotion/convert 앱을 시작하고 Codex 브라우저에서 엽니다. 사용자가 /convert 또는 $convert를 호출하거나 convert.remotion.dev… 실행을 요청할 때 사용합니다.

공개 Remotion API의 폐기가 TypeScript 소스 및 문서에서 표현되는 방식에 대한 참고 자료. 추가, 검토 또는 논의 시 사용…

Remotion 문서 사이트를 시작하고 Codex 브라우저에서 엽니다. 사용자가 /docs 또는 $docs를 호출하거나, 로컬 문서 사이트를 시작하도록 요청하거나, 원할 때 사용합니다…

Remotion 문서 사이트를 시작하고 Codex 브라우저에서 엽니다. 사용자가 /docs 또는 $docs를 호출하거나, 로컬 문서 사이트를 실행하도록 요청하거나, 원할 때 사용합니다.

Remotion 문서에 대화형 데모를 추가하세요. 문서 페이지용 새 <Demo> 컴포넌트를 만들 때 사용하세요.

Remotion 문서에 인터랙티브 데모를 추가합니다. 문서 페이지에 새로운 <Demo> 컴포넌트를 생성할 때 사용하세요.

Remotion GitHub 마스터플랜 계층 구조를 감사하고 정리합니다. 마스터플랜 상위 항목이 없는 공개 이슈를 찾고, 고아가 된 이슈를 식별해야 할 때 사용하세요.

Dependabot PR을 수정하려면 의존성의 모든 monorepo 인스턴스를 업데이트하고 bun install을 실행한 후 push하세요.

Dependabot PR을 수정하여 해당 의존성의 모든 모노레포 인스턴스를 업데이트하고, bun install을 실행한 후 푸시합니다.

Remotion CI flake를 이슈에서 추적

이슈에서 Remotion CI 플레이크를 추적합니다

Remotion 포맷팅 및 스타일 검사를 통과할 때까지 실행합니다. 사용자가 포맷팅 수정을 요청하거나 포맷팅 명령을 실행하라고 요청할 때 사용하세요.

Remotion 포맷팅 및 스타일 검사를 통과할 때까지 실행합니다. 사용자가 포맷팅 수정이나 포맷팅 명령 실행을 요청할 때 사용하세요.

스택형 PR을 관리하고 다중 파트 작업을 검토 가능한 브랜치로 분할하는 gh-stack 도구입니다. 스택 생성, 조회, 편집, 푸시, 제출, 동기화, 리베이스 등에 사용합니다.

Remotion 홈페이지 크리에이터 스트립 비디오를 렌더링하거나 교체할 때 사용하며, 특히 promo-pages에 복사된 투명 Chrome WebM 및 Safari MP4 자산에 적합합니다…

Remotion 홈페이지 크리에이터 스트립 비디오를 렌더링하거나 교체할 때 사용하며, 특히 투명 Chrome WebM 및 Safari MP4 자산을 프로모션 페이지에 복사할 때 사용합니다…

Chrome for Testing 고정 빌드를 설치하고 검증합니다. 이 빌드는 Apple Silicon macOS에서 개인 Remotion Canvas Capture 확장 프로그램이 사용합니다. Canvas 설정 시 사용하세요…

에이전트가 직관적으로 이해하고 Remotion Studio 비주얼 모드에서 편집 가능한 Remotion 애니메이션 작성 모범 사례입니다.

올바른 Remotion 명명과 안전한 여러 줄 Markdown 처리를 사용하여 GitHub 이슈를 생성하거나 업데이트합니다

gh CLI로 GitHub Issues 2.0 관계를 관리합니다: 상위 이슈, 하위 이슈, 차단됨, 차단 링크.

GitHub Issues 2.0 관계를 gh CLI로 관리: 상위 이슈, 하위 이슈, 차단됨, 차단 링크.

자동으로 풀 리퀘스트를 생성하며, 포맷된 커밋과 브랜치 관리를 지원합니다. 메인 브랜치에 있지 않은지 확인하고, 필요 시 기능 브랜치를 생성합니다. 영향을 받는 모든 패키지에서 Oxfmt 코드 포맷팅을 실행한 후 커밋합니다. package.json의 패키지 이름을 사용해 커밋 및 PR 제목을 포맷팅합니다(예: "@remotion/shapes : Add heart shape"). 변경 사항을 푸시한 후 gh CLI를 사용해 자동으로 풀 리퀘스트를 엽니다.

멀티미디어 처리를 Mediabunny 라이브러리로 다루기

Mediabunny 라이브러리를 사용한 멀티미디어 처리

Mediabunny 라이브러리를 사용한 멀티미디어 처리

Mediabunny 라이브러리를 사용한 멀티미디어 처리

Remotion 풀 리퀘스트가 병합 가능해질 때까지 대기하고, 병합 충돌을 처리하며, 실제 CI 실패와 일시적 오류를 구분하고, flake를 통해 불안정한 검사를 재실행합니다…

개발을 위해 문서의 Remotion Studio에서 올바르게 구성된 미리보기 컴포지션으로 새 Remotion Element를 생성합니다.

Remotion 모노레포 diff에서 새로 추가된 선택적 매개변수, 선택적 React props, 선택적 타입/인터페이스 멤버를 내부 API를 변환하여 수정합니다…

Remotion 모노레포 diff에서 새로 추가된 선택적 매개변수, 선택적 React props, 선택적 타입/인터페이스 멤버를 내부 API를 변환하여 수정합니다.

@remotion/player 예제 앱을 시작하고 Codex 브라우저에서 엽니다. 사용자가 /player-example 또는 $player-example을 호출하거나, 실행을 요청할 때 사용합니다.

@remotion/player 예제 앱을 시작하고 Codex 브라우저에서 엽니다. 사용자가 /player-example 또는 $player-example을 호출하거나 실행을 요청할 때 사용합니다.

Open a pull request for the current feature

현재 기능에 대한 풀 리퀘스트 열기

PR에 대한 올바른 명명

Remotion 풀 리퀘스트 제목 검토 또는 수정

CI 실패, 병합 충돌 또는 로컬 브랜치 변경 사항을 해결하여 PR을 준비 상태로 만듭니다.

CI 실패, 병합 충돌 또는 로컬 브랜치 변경을 해결하여 PR을 준비합니다.

개발된 Remotion Element를 마무리하고, 문서 갤러리에 추가하고, 미리보기를 렌더링하고, 저장소 검사를 실행합니다.

새로운 Remotion 버전을 릴리스합니다

새 Remotion 버전을 릴리스합니다

Remotion으로 비디오를 만드는 스킬입니다.

Remotion - React에서 비디오 생성을 위한 모범 사례

모든 Remotion 스킬용 라우터

Best practices for Remotion - Video creation in React

Remotion - React에서 비디오 생성을 위한 모범 사례

Remotion 모범 사례

Remotion과 React로 비디오를 제작하기 위한 도메인 특화 지식 베이스입니다. 애니메이션, 오디오, 에셋, 3D 콘텐츠, 차트, 텍스트, 전환 및 컴포지션 관리를 아우르는 30개 이상의 규칙 파일을 포함합니다. 자막, FFmpeg 작업, 오디오 시각화 및 사운드 효과 통합을 위한 특화된 가이드를 제공합니다. 동적 메타데이터 계산, 미디어 검사(길이, 크기

Remotion에서 캡션 처리하기

자막을 전사하고, 표시하고, 애니메이션화하는 것

자막을 전사하고, 표시하고, 애니메이션하기

Remotion에서 캡션 처리하기

Remotion에서 캡션 처리하기

새로운 Remotion 비디오 생성

새 Remotion 비디오 만들기

새로운 Remotion 비디오 생성

새로운 Remotion 비디오 생성

Remotion 문서 검색

Remotion 문서 검색

Remotion 문서 검색

Remotion 문서 검색

에이전트가 직관적으로 이해하고 Remotion Studio 비주얼 모드에서 편집 가능한 Remotion 애니메이션 작성을 위한 모범 사례

인터랙티브를 위한 Remotion 마크업 구조화

인터랙티브를 위한 Remotion 마크업 구조화

에이전트가 직관적으로 이해하고 Remotion Studio Visual Mode에서 편집할 수 있는 Remotion 애니메이션 작성 모범 사례

에이전트가 직관적으로 이해하고 Remotion Studio Visual Mode에서 편집할 수 있는 Remotion 애니메이션 작성 모범 사례

Remotion 지도 애니메이션 지식

Remotion 지도 애니메이션 지식

Remotion 지도 애니메이션 지식

Remotion Map 애니메이션 지식

콘텐츠, 애니메이션 및 효과 모범 사례

Remotion React Markup 작성을 위한 모범 사례

Remotion React Markup 작성을 위한 모범 사례

Remotion React 마크업 작성을 위한 모범 사례

Mediabunny와 상호작용하기

Mediabunny와 상호작용

Mediabunny와 상호작용하기

Mediabunny와 상호작용하기

Remotion 비디오 내보내기

Remotion 비디오 내보내기

비디오 렌더링 모범 사례

비디오 렌더링 모범 사례

비디오 렌더링 모범 사례

Remotion으로 앱 만들기

Remotion으로 비디오 앱 구축하기 - 프레임워크, 렌더링 및 Player 조언

Remotion으로 비디오 앱 구축하기 - 프레임워크, 렌더링 및 플레이어 조언

Remotion으로 비디오 앱 구축하기 - 프레임워크, 렌더링 및 Player 조언

Remotion 비디오 미리보기

Remotion 비디오 미리 보기

Remotion 비디오 미리 보기

Remotion 비디오 미리보기

Remotion 및 관련 패키지 업그레이드

Remotion 및 관련 패키지 업그레이드

Remotion 및 관련 패키지를 업그레이드합니다

Remotion 및 관련 패키지 업그레이드

Remotion Studio 문서에서 개발을 위해 올바르게 구성된 미리보기 컴포지션을 포함한 새 Remotion Element를 생성합니다.

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill…

Document Remotion 스킬 배치. 내부 스킬로 .agents/skills에 속하는지 결정하기 위해 Remotion 스킬을 추가, 이동 또는 편집할 때 사용합니다…

packages/example에서 Remotion Studio를 시작하고 Codex 브라우저에서 엽니다. 사용자가 /studio 또는 $studio를 호출하거나 예제 Studio 실행을 요청할 때 사용합니다,…

packages/example에서 Remotion Studio를 시작하고 Codex 브라우저에서 엽니다. 사용자가 /studio 또는 $studio를 호출하거나 예제 Studio를 실행하도록 요청할 때 사용합니다.

Remotion Studio 구성 옵션을 시작 시 고정 또는 재로드 가능으로 분류하고 연결하여, 소비자 간 혼합된 수명 주기 동작을 방지합니다. 다음 경우에 사용하세요…

Remotion Studio UI 버그를 진단하고 수정합니다. 전역 CSS 리셋으로 인해 발생하는 문제로, 중첩된 텍스트나 SVG 아이콘의 색상, 타이포그래피, 크기, 호버 상태 등이 잘못 표시될 때 사용합니다.

Remotion Studio UI 변경 시 전역 CSS 리셋이 중첩 요소에 영향을 미치는 경우에 대한 안내입니다. packages/studio UI를 편집할 때, 특히 래퍼를 추가할 때 사용하세요.

Remotion Studio 렌더 성능을 최적화하여 프레임 반응형 컴포넌트 표면을 최소화하고, 명령형 타임라인 상태 읽기를 선호하며, 안정적인 컴포넌트를 메모이제이션하여…

개발된 Remotion Element를 마무리하고, docs 갤러리에 추가한 후, 직접 회원 제출 또는 외부 검토 가능한 기여를 준비합니다.

Remotion Lambda Chrome 바이너리를 eu-central-1 테스트 리전에 게시하고 호스팅된 레이어 및 Chrome 버전 참조를 업데이트합니다. Chrome 업데이트 시 사용합니다…

Remotion Lambda Chrome 바이너리를 eu-central-1 테스트 리전에 게시하고 호스팅된 레이어 및 Chrome 버전 참조를 업데이트합니다. Chrome 업데이트 시 사용하세요.

현재 Remotion 브랜치를 최신 표준 main 브랜치로 업데이트합니다. 업스트림 main에서 업데이트하거나 동기화를 요청받았을 때 사용하며, 최신 main을 병합하여…

Remotion의 ffmpeg-next Git 리비전을 게시된 rust-ffmpeg 커밋으로 업데이트하고, Cargo.lock을 갱신하며, 지원되는 모든 컴포지터 바이너리를 재빌드하고, 다음을 검증합니다…

Remotion 홈페이지의 GitHub 스타 수를 업데이트합니다. 표시된 GitHub 스타 수를 새로고침하고 변경 사항을 main으로 푸시하라는 요청이 있을 때 사용합니다.

Remotion 홈페이지의 GitHub 스타 수를 업데이트합니다. 표시된 GitHub 스타 수를 새로고침하고 변경 사항을 메인에 푸시하라는 요청을 받았을 때 사용하세요.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Remotion 저장소에서 caniuse-lite 오버라이드를 업그레이드하세요. caniuse-lite를 최신 npm 버전으로 업데이트하라는 요청을 받았을 때 사용하세요.

Remotion 리포지토리에서 caniuse-lite 오버라이드를 업그레이드합니다. caniuse-lite를 최신 npm 버전으로 업데이트하라는 요청을 받았을 때 사용합니다.

Remotion 저장소 전반에 걸쳐 Mediabunny 및 관련 @mediabunny 패키지를 업그레이드합니다. Mediabunny를 최신 버전으로 업데이트하라는 요청이 있을 때 사용합니다.

Remotion 저장소 전체에서 Mediabunny 및 관련 @mediabunny 패키지를 업그레이드합니다. Mediabunny를 최신 버전으로 업데이트하라는 요청을 받았을 때 사용하세요.

대규모 Remotion 저장소 자산을 remotion.media 뒤에 있는 Cloudflare R2 버킷에 업로드하고 로컬 public/ 자산을 호스팅된 URL로 교체합니다. 파일이…일 때 사용합니다.

큰 Remotion 저장소 자산을 remotion.media 뒤에 있는 Cloudflare R2 버킷에 업로드하고 로컬 public/ 자산을 호스팅된 URL로 교체합니다. 파일이 다음과 같은 경우 사용합니다.

Remotion 5의 브레이킹 체인지를 구현하거나 검토하는 작업으로, v4와 v5 릴리스 라인이 여전히 코드를 공유하는 상황에서 사용합니다. v4 동작과 공개 타입이 유지되어야 할 때 사용하세요…

Vercel 배포 및 미리보기 URL에 대한 Codex 모니터를 설정합니다. 사용자가 /vercel 또는 $vercel을 호출하거나, Codex에게 Vercel…을 감시하거나 모니터링하도록 요청할 때 사용합니다.

Vercel 배포 및 프리뷰 URL에 대한 Codex 모니터를 설정합니다. 사용자가 /vercel 또는 $vercel을 호출하거나, Codex에게 Vercel…을 감시하거나 모니터링하도록 요청할 때 사용합니다.

우리가 작업 중인 Remotion의 버전입니다.

우리가 작업 중인 Remotion의 버전입니다.

비디오에 대한 보고서 생성

비디오에 대한 보고서를 생성합니다.

Remotion Studio 비주얼 모드, 시퀀스 식별, 노드 경로, 심볼화된 스택, 오버라이드 ID 및 핫 리로드 동작 작업을 위한 지침. 다음의 경우에 사용하세요…

Remotion Studio Visual Mode 작업, 시퀀스 식별, 노드 경로, 심볼화된 스택, 오버라이드 ID 및 핫 리로드 동작에 대한 가이드입니다. 다음 경우에 사용하세요…

We need to translate the given text from English to Korean. The text describes a process for visual snapshot testing of web renderer components using vitest fixtures. We must preserve the name "web-renderer-test" if it appears, but it doesn't appear in the text. The text includes technical terms like "vitest fixtures", "React component", "renderStillOnWeb()", "testImage()", "bunx vitest", etc. We should keep those as is. Also preserve file paths like "packages/web-renderer/src/test/fixtures" and "packages/web-renderer/src/test/Root.tsx". The instruction says to translate only the text inside <text>, and not to add any labels or extra commentary. So we just output the Korean translation. Let's translate: "Visual snapshot testing for web renderer components using vitest fixtures." -> "vitest 픽스처를 사용한 웹 렌더러 컴포넌트의 시각적 스냅샷 테스트." "Create test fixtures in

웹 렌더러에 테스트 케이스를 추가하세요

Remotion 문서를 작성하고 편집하기 위한 가이드입니다. 문서 페이지를 추가하거나, packages/docs의 MDX 파일을 편집하거나, 문서 콘텐츠를 작성할 때 사용하세요.

Remotion API 문서 작성을 위한 가이드라인과 템플릿 (MDX 형식). 각 API당 하나의 .mdx 파일을 packages/docs/docs 에 생성하고, sidebars.ts 에 추가한 후, bun render-cards.ts 를 실행하여 소셜 프리뷰 카드를 생성하세요. API 속성에는 ### 제목을 사용하고(글머리 기호 대신), 선택적 매개변수에는 ? 접미사를 추가하며, 기본값은 설명에 자연스럽게 포함하세요. twoslash 검증을 통한 타입 안전 코드 스니펫을 사용하고, 임포트를 숨기려면 // ---cut--- 을 사용하며, 항상 title 속성을 추가하세요...

Remotion 저장소에서 테스트를 작성하고 검토하기 위한 규칙입니다. 테스트를 추가, 편집 또는 검토할 때, 특히 Studio UI, 렌더링, CLI 등과 관련된 테스트에 사용하세요.