이 영상의 주제
이 영상은 HyperFrame과 에이전틱(Agentic) AI를 활용하여 영상 편집을 자동화하는 고도화된 워크플로우를 소개합니다. 단순히 AI에게 명령을 내리는 수준을 넘어, 기획, 스크립트 작성, 모션 그래픽 생성, 자막 싱크 조정까지 AI 에이전트와 협업하여 하나의 완성된 영상을 만드는 과정을 보여줍니다. 중급 이상의 개발자를 대상으로 하며, AI와의 협업 효율을 극대화하기 위한 ‘에이전틱 루프’ 구축과 ‘AX(AI Experience)’ 설계의 중요성을 배울 수 있습니다.
다루는 기술 스택 / 키워드
- HyperFrame: HeyGen에서 공개한 오픈소스 HTML 기반 영상 편집 도구
- 에이전틱 AI (Agentic AI): 스스로 계획을 세우고 도구를 사용해 목표를 달성하는 AI 시스템
- Whisper: 음성 인식을 통한 자동 자막 생성 및 타임스탬프 추출
- Claude (Anthropic): 프로젝트 기획 및 전체 워크플로우 제어 에이전트
- 모션 그래픽 (Motion Graphics): 코드를 통해 구현하는 애니메이션 요소
- 에이전틱 루프 (Agentic Loop): 결과물을 스스로 검증하고 수정하는 반복 프로세스
- AX (AI Experience): AI가 작업을 수행하기 최적의 환경을 제공하는 개념
타임스탬프별 핵심 포인트
| 시간 | 내용 | |—|—| | 00:00 | AI 에이전트를 활용해 제작한 최종 결과물 시연 | | 00:54 | HyperFrame 소개: HTML/JS로 영상을 편집하는 방식과 자동화의 장점 | | 02:07 | 클로드(Claude)를 활용한 프로젝트 폴더 구조 및 기획 템플릿 설정 | | 04:39 | 영상 기획 및 씬(Scene)별 스크립트, 모션 그래픽 요소 생성 | | 06:17 | Whisper 프로젝트를 이용한 음성 파일의 자막 추출 및 싱크 자동화 | | 08:15 | 생성된 코드를 바탕으로 첫 번째 영상 프리뷰 렌더링 및 확인 | | 10:03 | 결과물 검토: 모션 그래픽과 음성 싱크 불일치 문제 파악 | | 11:11 | 검증 루프 설계: Playwright 등을 활용한 자동화된 레이아웃 및 싱크 체크 | | 12:15 | AX(AI Experience)의 중요성: AI가 스스로 개선할 수 있는 ‘Playbook’ 작성 |
기본 정보
| 항목 | 내용 | |—|—| | 채널 | 코드팩토리 | | 카테고리 | 프로그래밍 | | 게시일 | 2026-04-28 | | 영상 길이 | 22:37 | | 처리 엔진 | gemini-3-flash-preview | | 원본 영상 | YouTube에서 보기 |