AY Automate 컨텍스트
주 사용 사례: AY Automate의 생각 리더십을 위한 LinkedIn 비디오 콘텐츠.
일반적인 LinkedIn 비디오 형식
- 생각 리더십 클립 (15-45초): 반대 시각, AI 에이전트 데모, 개발 중 공개 업데이트
- 튜토리얼 워크스루 (60-90초): n8n 워크플로우 데모, 에이전트 아키텍처 설명
- 고객 성공 발표 (30-45초): 전/후 지표, 애니메이션 통계 공개
브랜드 통합
- 배경: #0a0f1a (딥 네이비) | 강조색: #00d4ff (시안) | 텍스트: #f0f4f8
- 폰트: Inter (제목 + 본문), JetBrains Mono (코드)
- 내보내기: MP4, 최적 길이 15-90초, 항상 자막 포함
사용 시기
Remotion 프로젝트를 작업할 때마다 이 기술을 사용하세요. 여기에는 다음이 포함됩니다:
- 새로운 비디오 컴포지션 또는 애니메이션 생성
- 기존 Remotion 컴포넌트 편집
- Remotion 프로젝트에 에셋(이미지, 오디오, 비디오) 추가
- 애니메이션 시퀀스, 전환 또는 효과 구축
- Remotion 프로젝트 디렉토리와 관련된 모든 작업
주요 트리거: "Remotion" 단어, remotion-videos/를 포함하는 경로, remotion.config.ts와 같은 파일, 또는 React에서 애니메이션 비디오 콘텐츠를 생성하라는 요청.
사용 방법
자세한 설명과 코드 예제는 개별 규칙 파일을 참조하세요:
- rules/3d.md - Three.js 및 React Three Fiber를 사용한 Remotion의 3D 콘텐츠
- rules/animations.md - Remotion의 기본 애니메이션 기술
- rules/assets.md - Remotion에 이미지, 비디오, 오디오, 폰트 가져오기
- rules/audio.md - Remotion에서 오디오 및 사운드 사용 - 가져오기, 자르기, 볼륨, 속도, 피치
- rules/calculate-metadata.md - 컴포지션 지속 시간, 크기 및 props를 동적으로 설정
- rules/can-decode.md - Mediabunny를 사용하여 브라우저에서 비디오를 디코딩할 수 있는지 확인
- rules/charts.md - Remotion을 위한 차트 및 데이터 시각화 패턴
- rules/compositions.md - 컴포지션, 스틸, 폴더, 기본 props 및 동적 메타데이터 정의
- rules/display-captions.md - TikTok 스타일 페이지와 단어 강조 표시로 Remotion에 자막 표시
- rules/extract-frames.md - Mediabunny를 사용하여 특정 타임스탬프에서 비디오 프레임 추출
- rules/fonts.md - Remotion에 Google Fonts 및 로컬 폰트 로드
- rules/get-audio-duration.md - Mediabunny로 오디오 파일의 지속 시간(초) 가져오기
- rules/get-video-dimensions.md - Mediabunny로 비디오 파일의 너비와 높이 가져오기
- rules/get-video-duration.md - Mediabunny로 비디오 파일의 지속 시간(초) 가져오기
- rules/gifs.md - Remotion의 타임라인과 동기화된 GIF 표시
- rules/images.md - Img 컴포넌트를 사용하여 Remotion에 이미지 삽입
- rules/import-srt-captions.md - @remotion/captions를 사용하여 .srt 자막 파일을 Remotion으로 가져오기
- rules/lottie.md - Remotion에 Lottie 애니메이션 삽입
- rules/measuring-dom-nodes.md - Remotion에서 DOM 요소 크기 측정
- rules/measuring-text.md - 텍스트 크기 측정, 컨테이너에 텍스트 맞추기, 오버플로 확인
- rules/sequencing.md - Remotion 시퀀싱 패턴 - 항목 지연, 자르기, 기간 제한
- rules/tailwind.md - Remotion에서 TailwindCSS 사용
- rules/text-animations.md - Remotion을 위한 타이포그래피 및 텍스트 애니메이션 패턴
- rules/timing.md - Remotion의 보간 곡선 - 선형, 이징, 스프링 애니메이션
- rules/transcribe-captions.md - 오디오를 텍스트로 변환하여 Remotion에서 자막 생성
- rules/transitions.md - Remotion을 위한 장면 전환 패턴
- rules/trimming.md - Remotion 트리밍 패턴 - 애니메이션의 시작 또는 끝 자르기
- rules/videos.md - Remotion에 비디오 삽입 - 트리밍, 볼륨, 속도, 반복, 피치
- rules/parameters.md - Zod 스키마를 추가하여 비디오를 매개변수화 가능하게 만들기
- rules/maps.md - Mapbox를 사용하여 지도 추가 및 애니메이션 적용