개발 스킬

Remotion 풀 리퀘스트의 검사 완료를 기다리고 충돌과 실패 원인을 해결해 병합까지 진행합니다. 지속적 통합 검사의 실제 결함과 일시적인 실패를 구분합니다.

• 필수 검사 통과 후 병합합니다
• 병합을 막는 충돌을 해결합니다
• 자동 검사 실패를 조사하고 수정합니다

`bun run stylecheck`로 Remotion의 서식과 스타일을 검사하고 종료 코드가 0이 될 때까지 진행합니다. `lambda-go` 오류는 완료를 막는 요인으로 취급하지 않습니다.

• Remotion의 서식 검사를 실행할 때
• 검사를 통과할 때까지 서식 문제를 고칠 때
• 서식 작업의 완료 여부를 다시 확인할 때

Remotion Canvas Capture 확장을 다시 빌드하고 작업 디렉터리 삭제에 영향을 받지 않는 위치에 설치합니다. Chrome에서 다시 로드하고 녹화 화면을 준비하도록 돕습니다.

• 작업 디렉터리 삭제 후 확장을 복구합니다
• 소스 수정 후 다시 빌드하고 로드합니다
• 녹화 화면과 정지 미리 보기를 준비합니다

Remotion에서 지정한 브랜치나 참조로 전환한 뒤 의존성을 설치하고 빌드합니다. Codex에서는 연결된 풀 리퀘스트 제목을 현재 작업 이름에 반영합니다.

• 지정한 브랜치의 작업 환경을 준비합니다
• 전환 후 의존성을 설치하고 빌드합니다
• Codex 작업 이름을 풀 리퀘스트 제목에 맞춥니다

브라우저 WebCodecs 문제의 URL에서 제목, 보고자, 수정 상태를 확인하고 Remotion의 Mediabunny 문서에 있는 기존 표에 추가합니다.

• Chromium 문제를 문서에 추가할 때
• WebKit이나 Firefox 문제를 기록할 때
• 추가 전에 보고자와 수정 상태를 확인할 때

Remotion의 새 효과를 구현하고 패키지 등록부터 설명 페이지, 조작 가능한 데모, 미리보기 이미지까지 만듭니다. 테스트와 빌드 확인도 포함합니다.

• 새 효과를 구현합니다
• 가져오기 진입점과 설정값 타입을 등록합니다
• 설명 페이지와 조작 가능한 데모를 만듭니다

계속 사용할 수 있는 Remotion 공개 API를 사용 중단 예정으로 표시할 때 TypeScript 주석과 문서를 일치시킵니다. 대체 API 안내와 변경 검토에 활용합니다.

• 기존 공개 API를 사용 중단 예정으로 표시합니다
• 대체 API로의 이전 안내를 추가합니다
• 사용 중단 예정 주석과 문서를 검토합니다

Remotion 버그를 영향받는 버전과 업그레이드 대상 버전 안내와 함께 bugs API에 추가합니다. 기존 형식에 맞춰 최신 정보를 배열 맨 앞에 등록합니다.

• 보고된 버그를 API에 추가할 때
• 버그의 영향을 받는 버전을 기록할 때
• 버그 설명에 업그레이드 버전을 안내할 때

Remotion에 명령줄 및 설정 옵션을 추가하고 타입, 값 읽기, Config 설정 메서드, 도움말과 생성 문서를 연결합니다. 기존 플래그를 공통 정의로 옮길 수도 있습니다.

• 새 CLI 플래그 추가
• 기존 플래그를 공통 정의로 이전
• Config 설정 메서드 연결

Remotion 모노레포에 새 패키지를 추가할 때 초기 파일 생성부터 각 위치의 등록, 문서, 사용 예제, 빌드 설정까지 준비하는 스킬입니다.

• 새 @remotion 패키지를 만듭니다
• 모노레포 내 등록 위치를 정리합니다
• 문서와 사용 예제를 추가합니다

Remotion의 Convert 앱을 로컬에서 실행하고 Codex 내장 브라우저로 엽니다. 의존성 설치부터 빌드, 개발 서버 실행, 실제 접속 주소와 실행 상태 안내까지 진행합니다.

• convert.remotion.dev를 로컬에서 실행
• Codex 브라우저에서 Convert 화면 확인
• 로컬 서버 주소와 실행 상태 확인

Remotion 변경 사항에 추가된 선택적 인수를 내부 API에서는 필수 nullable 타입으로 바꾸고, 호출부와 누락 값 검사도 수정하며 공개 API의 호환성을 유지합니다.

• PR에 추가된 선택적 인수 검토
• 내부 React 속성에 null 명시
• 공개 API의 호환성 유지

Dependabot 업데이트에서 모노레포에 남은 동일 의존성의 이전 버전과 bun.lock을 함께 갱신합니다. 변경 사항 확인부터 커밋과 푸시까지 진행합니다.

• Dependabot이 빠뜨린 업데이트 보완
• 여러 패키지의 의존성 버전 갱신
• 업데이트 후 bun.lock 다시 생성

Remotion의 GitHub 이슈를 만들고 수정하며 댓글과 이미지·동영상 첨부를 처리합니다. 요청 의도를 살린 제목과 본문을 정리하고 저장된 형식과 줄바꿈을 확인합니다.

• Remotion 버그 보고
• 기존 이슈의 제목과 본문 수정
• 이미지나 동영상을 첨부한 댓글 추가

Remotion Studio의 버튼과 링크에 기본 커서, 호버 시 밝아지는 글자와 아이콘, 키보드 탐색용 포커스 표시를 적용해 상호작용 스타일을 통일합니다.

• Studio 버튼과 링크 구현
• 글자와 아이콘의 호버 색상 통일
• 키보드 포커스 표시 유지

Remotion과 관련 패키지의 업데이트를 돕습니다. 프로젝트 구성을 확인해 버전을 통일하고 잠금 파일과 설치된 Remotion 스킬을 갱신합니다.

• Remotion을 최신 안정 버전으로 갱신합니다
• 관련 패키지 버전을 통일합니다
• 작업 공간 전체의 의존성을 갱신합니다

Remotion Studio 조작 중 React 렌더링을 기록해 불필요한 재렌더링과 오래 걸리는 처리를 조사합니다. 변경 전후를 같은 조건에서 측정해 개선 여부를 수치로 확인합니다.

• Studio의 불필요한 재렌더링을 조사할 때
• 화면 업데이트가 느린 원인을 찾을 때
• 타임라인 위치와 렌더링의 관계를 조사할 때

Context7에서 라이브러리와 프레임워크의 최신 문서를 찾아 설정 방법과 API 설명을 확인하고, 지정한 버전에 맞는 코드 예시를 살펴봅니다.

• 프레임워크 도입과 설정 방법을 확인합니다
• 라이브러리 API 문서를 찾습니다
• 구현에 필요한 코드 예시를 찾습니다

Context7으로 라이브러리의 최신 문서와 코드 예시를 찾아 설치, API 사용법, 이전 문제를 조사하며, 가능한 경우 지정한 버전의 자료를 우선합니다.

• 지정한 버전의 문서 검색
• 라이브러리 설치와 설정 조사
• 외부 라이브러리 코드 예시 확인

Context7 CLI로 라이브러리와 개발 도구의 최신 문서 및 코드 예시를 검색하고, 버전과 프로그래밍 언어에 맞는 API 사용법과 설정을 확인합니다.

• 최신 API와 설정 확인
• 지정한 버전의 문서 검색
• 사용 언어의 코드 예시 우선 검색

ctx7 CLI로 라이브러리의 최신 문서와 API 사용법을 확인하고, Claude Code·Cursor·OpenCode의 Context7 연결과 인증을 설정합니다.

• 라이브러리 최신 문서 조회
• 구현 중 API 정의 확인
• AI 에이전트에 Context7 연결 설정

Context7에서 라이브러리와 개발 도구의 최신 문서 및 코드 예시를 가져와 API 문법, 설정, 설치, 버전 이전과 라이브러리별 문제를 조사합니다.

• 최신 API 문법 확인
• 설치 절차와 설정 예시 검색
• 버전 이전 문제 조사

Pake로 웹사이트나 로컬 HTML 빌드를 데스크톱 앱으로 패키징합니다. 앱 이름, 아이콘, 고유 식별자와 프록시를 설정하고, 빌드된 설치 파일이나 번들의 경로를 확인할 수 있습니다.

• 웹사이트를 데스크톱 앱으로 패키징
• 로컬 HTML이나 정적 빌드 묶기
• 앱 아이콘 또는 식별자 설정

중국 독립 개발자 프로젝트 목록의 댓글, 이슈, 풀 리퀘스트를 검토합니다. 제품 URL 중복과 등록 조건을 확인하고, 알맞은 README에 프로젝트를 추가하거나 기여 내용을 병합한 뒤 등록 결과를 답변합니다.

• 새 프로젝트 제출 확인
• 제품 URL 중복 확인
• 게시할 목록 분류