Communitygithub.com

XiaoDuoYa/AeVideoGen

실제 제품 소스 코드, 웹사이트, 브라우저 확장 프로그램, 앱, 음악, 브랜드 에셋, 판매 포인트 및 참조 비디오를 통해 상업용 AE 스타일의 제품 론칭, 설명, UI 인터랙션 및 기능 홍보 비디오를 제작합니다.

AeVideoGen란 무엇인가요?

AeVideoGen은 개발자가 실제 제품 소스 코드를 기반으로 상업적 품질의 제품 비디오를 제작할 수 있도록 설계된 AI 에이전트 기술입니다. 이 기술은 Codex와 같은 AI 코딩 도우미와 함께 사용되어 제품 확정, 런칭, 기능 홍보, UI 데모 및 참조 비디오 재현을 위한 비디오를 생성합니다. 주요 기능으로는 불완전한 브리프 명확화, 참조 비디오 집중 분석, 소스 기반 UI 및 비율 유지, 인과 관계 스토리 구축, 주요 약속과 음악 절정의 정렬, 브라우저 미리보기 승인 및 HyperFrames 없이 안정적인 MP4 내보내기가 포함됩니다. 이 기술은 결정론적 웹 렌더링을 사용하여 비디오가 실제 제품 동작을 정확히 반영하도록 보장하며, 상업적 출시에 적합합니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/XiaoDuoYa/AeVideoGen/tree/main

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

HxdLabs_의 AeVideoGen v1.0.1

상업적으로 출시 가능한 제품 필름을 제작하세요. 제품 동작은 사실적으로, 스토리는 인과 관계에 따라, 타이포그래피는 가독성 있게, 초점은 의도적으로, 모션은 생생하게, 검토는 정확하게 유지하고 내보내기는 안정적으로 유지하세요.

생산 계약을 준수하세요

  • HyperFrames를 절대 사용하지 마세요.
  • 요청된 제품 버전과 해당 소스를 시각적 및 동작적 진실로 취급하세요.
  • 참조 비디오는 타이밍, 모션 문법, 카메라 언어, 타이포그래피 및 전환 구조에 사용하세요. 타사 제품 자산을 복사하거나 다른 제품을 사용자의 제품인 것처럼 가장하지 마세요.
  • 기본 UI 비율을 유지하세요. 균일하게 배율 조정하고 늘리지 마세요.
  • 모든 포인터 클릭은 실제 컨트롤이 되게 하고 카메라가 동일한 대상을 비추게 하세요.
  • 지원되지 않는 기능, 주장, 소스 상태, 사본, 아이콘 또는 레이아웃을 발명하지 마세요.
  • 사용자가 정확한 브라우저 미리보기를 명시적으로 승인할 때까지 최종 비디오를 렌더링하지 마세요.
  • 상당한 변경 전에 승인된 기준선을 백업하고 버전이 지정된 출력 경로를 사용하세요.
  • 해상도, 프레임 속도, 지속 시간, 소스 버전, 스토리 우선 순위 또는 음악 정렬을 묵시적으로 다운그레이드하지 마세요.

구현 전 완전성 게이트를 실행하세요

사용자의 프롬프트와 제공된 모든 아티팩트를 먼저 검사하세요. 파일, 소스, 메타데이터 또는 대화에 이미 있는 사실에 대해 묻지 마세요.

구현 전에 안내된 킥오프를 즉시 반환하세요:

  1. 이미 수신된 내용을 요약합니다.
  2. 차단 격차를 나열하고 각각이 상업적 품질에 미치는 영향을 설명합니다.
  3. 사용자가 제공할 수 있는 정확한 자산이나 결정을 사전에 제안합니다.
  4. 다음으로 중요한 한 세 가지 질문을 합니다.
  5. 다단계 생산을 위한 Goal 모드를 권장하고 붙여넣기 준비된 Goal 목표, 입력, 제약 조건, 단계 및 완료 기준을 제공합니다.

모든 차단 또는 유용한 누락 결정에 대해 두세 가지 구체적인 선택지를 제공하세요. 추천 선택지를 먼저 배치하고 각 선택지의 눈에 보이는 결과를 설명하며, 사용자가 적절할 때 "按推荐方案"으로 답변할 수 있게 하세요. 설명되지 않은 개방형 질문으로 차단하지 마세요.

사용자가 명시적으로 Goal 생성/시작/사용을 요청하지 않는 한 Goal을 생성하지 마세요. 권장 사항과 붙여넣기 준비된 Goal 브리프는 실질적인 필름 작업에 필수입니다. 자동 Goal 생성은 금지됩니다.

assets/web-motion-starter/brief.json에서 brief.json을 생성한 후 다음을 실행하세요:

python3 scripts/validate_brief.py brief.json

차단 필드가 여전히 알려지지 않은 경우 간결한 질문을 하고 브리프가 완료될 때까지 이후 턴에서 계속 질문하세요. 한 번에 한 세 가지 관련 질문을 하세요. 일부 요구 사항이 언급되었다는 이유만으로 창의적 구현을 시작하지 마세요.

사용자가 최선의 판단을 사용하거나, 질문을 건너뛰거나, 불완전한 브리프로 시작하라고 명시적으로 말한 경우에만 기록된 가정을 진행하세요. 이러한 모든 필드를 assumptions에 표시하고 영향력이 큰 사실은 소스 기반으로 유지하세요.

브리프가 새롭거나, 불완전하거나, 모순되거나, 실질적으로 수정된 경우 references/intake-and-clarification.md를 완전히 읽으세요. 킥오프 시 references/guided-production.md를 완전히 읽고 생산 전반에 걸쳐 진행 보고서 형식을 사용하세요. 요구 사항이 누락되었거나 사용자가 무엇을 선택해야 할지 물을 때 references/decision-options.md를 읽으세요.

워크플로우 실행

1. 보호 및 감사

  • 저장소 상태, 버전, 경로, 컴포넌트, 스토어, 스타일, 치수, 글꼴, 아이콘, 상태 전환, 대상 히트 영역 및 개인 데이터를 검사하세요.
  • 대규모 편집 전에 복구 가능한 기준선을 생성하세요.
  • 촬영된 모든 주장과 상태를 소스 증거 또는 명시적 사용자 확인에 매핑하는 증거 원장을 구축하세요.
  • 감사 후 짧은 진행 보고서를 보내세요: 완료된 증거, 남은 위험 및 다음 검토 가능한 아티팩트.
  • 제품 UI를 재구성하기 전에 references/source-reconstruction.md를 완전히 읽으세요.

2. 복사하지 않고 참조 분석

제공된 모든 참조 비디오에 대해:

  1. 지속 시간, 해상도, 프레임 속도, 오디오 및 샷 구조를 읽으세요.
  2. 수 초 단위 썸네일이 아닌 애니메이션을 볼 수 있을 만큼 밀도 있게 프레임을 추출하세요.
  3. 컷, 모프, 확대/축소, 텍스트 진입, 클릭 및 전환 주변에 8–12fps 창을 추가하세요.
  4. 오디오와 함께 정상 속도로 전체 참조 비디오를 시청하세요.
  5. 모션 언어 원장을 생성하세요: 주제, 카메라 경로, 이징, 지속 시간, 핸드오프, 마스크/셰이프, 타이포그래피, 홀드 및 사운드 큐.
  6. 해당 문법을 사용자의 실제 제품 및 브랜드로 변환하세요.

결정론적 추출을 위해 scripts/analyze_reference_video.py를 실행하세요. 스타일 일치 또는 재현을 주장하기 전에 references/reference-video-analysis.md를 완전히 읽으세요.

3. 인과 관계 필름 작성

이 내러티브 체인을 사용하세요:

사용자 컨텍스트 → 마찰 → 제품 동작 → 눈에 보이는 결과 → 기억되는 가치

  • 각 장면에 하나의 목적과 하나의 지배적인 시각적 주제를 부여하세요.
  • 보조 기능이 아닌 주요 약속을 음악적 절정 안에 배치하세요.
  • 순수 텍스트를 의미 있는 구두점 또는 공유 요소로 사용하고 채우기용으로 사용하지 마세요.
  • 큰 질문을 읽을 수 있을 만큼 충분히 오래 표시한 다음 동일한 요소를 실제 입력으로 모프/도킹하세요.
  • 모든 헤드라인 줄바꿈을 계획하세요. 의도치 않은 줄바꿈을 허용하지 마세요.
  • 애니메이션 전에 production.json을 생성하고 최신 상태로 유지하세요.
  • 타이밍 변경 후 scripts/validate_timeline.py production.json --strict를 실행하세요.
  • 전체 구현 전에 제안된 장면 체인, 클라이맥스 배치 및 해결되지 않은 창의적 결정을 보고하세요.

장면 그래프를 설계하기 전에 references/creative-direction.md를 완전히 읽으세요. 방향이 상업적으로 준비되었다고 선언하기 전에 references/commercial-quality.md를 읽으세요.

4. 음악 분석 및 편집

다음을 실행하세요:

python3 scripts/analyze_music.py music.mp3 --target-duration 30 --output music-map.json
  • 모든 후보 창을 듣고 알고리즘 마커는 제안 사항입니다.
  • 음악적으로 일관된 소스 범위를 선택하고 오프셋을 기록하세요.
  • 모든 비트가 아닌 섹션 리프트 및 주요 비트를 매핑하세요.
  • 클라이맥스 베이진을 유지하세요: 접근, 읽을 수 있는 페이오프, 릴리스.
  • 장면 내 악센트가 여전히 비트에 맞을 수 있도록 장면 페이싱을 읽기 가능하게 유지하세요.

5. 실제 제품 상태 재구축

  • 허용되는 경우 실제 소스 컴포넌트, CSS, SVG, 아이콘, 글꼴, 사본 및 상태 로직을 재사용하세요.
  • 네트워크 상태를 결정론적이고 스키마에 충실한 로컬 픽스처로 대체하세요.
  • 최종 컴포지션이 런타임 네트워크 호출과 독립적이도록 유지하세요.
  • 각 기본 표면 치수를 기록하고 균일하게 배율 조정하세요.
  • getBoundingClientRect()에서 최종 레이아웃 후 클릭 중심을 도출하세요.
  • 실제 상태 변경을 보여주고 스크린샷을 확대하여 인터랙션이라고 부르지 마세요.

6. 초점과 연속성 안무

  • 주의 순서: 초점, 포인터 접근, 클릭, 피드백, 결과.
  • 장면이 의도된 프레이밍에 도달하면 세 번 또는 네 번의 수정 재배치가 아닌 하나의 연속적인 카메라 이동을 사용하세요.
  • 완전한 의미 그룹을 시각적 중심으로 취급하세요: 채팅의 경우 질문과 답변을 중앙에 배치하고, 플러그인의 경우 선언된 주제가 특정 컨트롤이 아닌 한 플러그인을 중앙에 배치하세요.
  • 청중이 읽어야 하는 곳에서 결정적으로 확대/축소하세요. 가독성을 희생하면서 빈 공간을 보호하지 마세요.
  • 읽기 가능한 홀드를 하위 모션으로 활성 상태로 유지하고 프레임을 완전히 고정하지 마세요.
  • 관련 없는 자료를 제 시간에 읽을 수 없을 때 흐리게/어둡게 처리하세요.
  • 공유 요소, FLIP, 셰이프 상속, 마스크, 초점 이동 및 스크롤 연속성 전환을 선호하세요.
  • 모든 상태를 결정론적 시간에서 도출하세요. window.__AE_VIDEO__.render(t)를 노출하세요.

7. localhost에서 검토

  • 재생/일시 정지, 스크러버, 초, 프레임 인덱스, ±1프레임 스테핑, 시간 판독 및 장면 마커가 있는 정확한 컴포지션을 제공하세요.
  • 캡처 모드에서 모든 검토 컨트롤을 숨기세요.
  • 모든 클릭, 확대/축소, 라인 전환, 공유 요소, 클라이맥스 및 종료 주변의 체크포인트를 검사하세요.
  • 오디오와 함께 정상 속도로 전체 필름을 재생하세요.
  • 실제 히트 대상, 기본 비율, 의도된 줄바꿈, 읽기 시간, 시각적 중심, 연속 모션, 소스 진위 및 음악 동기화를 확인하세요.
  • 정확한 미리보기를 사용자에게 보여주고 명시적 승인을 기다리세요.
  • 마지막으로 승인된 미리보기 이후 변경된 사항을 보고하고 검토가 필요한 정확한 시간 범위를 사용자에게 안내하세요.

references/qa-gates.md를 완전히 읽고 모든 차단 게이트를 통과하세요.

8. 승인된 버전만 렌더링

  • 미리보기 승인과 내보내기 권한을 두 개의 별도 결정으로 취급하세요.
  • 미리보기 승인 후, 내보내기가 localhost 애니메이션을 공유 가능한 비디오 파일로 변환한다는 것을 평이한 언어로 설명하세요. 사용자가 지금 내보내기를 원하는지 물어보세요.
  • 내보내기 전에 선명도, 부드러움, 렌더링 부하, 시간, 저장 공간 및 호환성에 대한 결과와 함께 명확한 품질 선택지를 제공하세요. 사용자의 장치 및 플랫폼에 대해 하나의 옵션을 권장하세요.
  • 해상도, 프레임 속도, 형식/코덱, 오디오, 플랫폼 및 파일 이름을 확인하세요. 사용자가 내보내기 사양을 명시적으로 확인할 때까지 내보내지 마세요.
  • 해당하는 명시적 결정 후에만 approval.status, approval.approvedVersion, approval.exportRequested 및 approval.exportSpecConfirmed를 설정하세요.
  • scripts/validate_brief.py brief.json --final 및 scripts/validate_timeline.py production.json --final --strict를 실행하세요.
  • 새 프레임 디렉토리와 파일 이름으로 렌더링하세요. 이전 프레임과 새 프레임을 혼합하지 마세요.
  • scripts/render_web_video.mjs의 안정적인 컴포지터 핸드셰이크를 선호하고 불안정한 프레임에서 중단하여 손상을 내보내지 마세요.
  • 4K60을 사용 가능한 하드웨어가 초과하는 경우 2560×1440 60fps를 강력한 기본값으로 취급하지만 사용자 승인 없이 대상 사양을 변경하지 마세요.
  • faststart로 H.264/AAC yuv420p를 인코딩한 후 ffprobe, 전체 디코드, 연속성 검사 및 시각적 콘택트 시트 검토를 실행하세요.

이러한 실패 차단

  • 명시적 가정 허가 없이 불완전한 브리프
  • 가상 클릭, 잘못된 중심 확대/축소 또는 지원되지 않는 기능
  • 하나의 동작 내에서 반복적인 미세 재배치
  • 늘어나거나 잘린 제품 표면 또는 임의의 내부 유형 크기 조정
  • 중요한 텍스트가 너무 작거나, 너무 짧거나, 가려지거나, 의도치 않게 줄바꿈됨
  • 공간을 채우기 위해 삽입된 의미 없는 작은 사본
  • 의미 있는 동작을 완료하지 않고 장면이 완전히 정지되거나 너무 빠름
  • 관련 없는 주제가 반복적으로 중앙으로 교체됨
  • 모프 중에 큰 텍스트와 해당 대상 필드가 일치하지 않음
  • 상속된 지오메트리, 모션, 색상, 초점 또는 의미가 없는 전환
  • 잘못된 값에 할당된 음악적 클라이맥스
  • 동작을 이해하기에 너무 드물게 샘플링된 참조 비디오
  • 일반 기능 카드에서 발명되어 소스 기반 제품 증거 대신 사용된 최종 페이지
  • 승인 전에 시작되거나 찢어지거나 부분적인 프레임으로 내보내진 최종 렌더링
  • 별도의 평이한 언어 품질 선택 및 명시적 내보내기 확인 없이 시작된 내보내기

번들 리소스 경로

  • references/intake-and-clarification.md: 브리프 완전성 및 후속 조치 동작에 필요합니다.
  • references/guided-production.md: 강력한 온보딩, Goal-mode 핸드오프 및 진행 커뮤니케이션에 필요합니다.
  • references/decision-options.md: 권장 선택, 대안 및 초보자 친화적인 트레이드오프에 필요합니다.
  • references/reference-video-analysis.md: 참조 비디오 분석 또는 스타일 재현에 필요합니다.
  • references/source-reconstruction.md: 웹사이트, 확장 프로그램, 앱 또는

관련 스킬