
AI 에이전트를 위한 애니메이션 B-roll Skill
토킹헤드에서 화면을 전환해 핵심을 보여 주는 움직이는 타이틀, 차트, 다이어그램을 넣으세요. 에이전트가 각 클립을 편집 가능한 프로젝트로 만들고 내 컴퓨터에서 렌더링해요.
목적별 애니메이션 B-roll 예시
모든 카드는 Skill이 렌더링한 클립을 재생해요. 텍스트, 차트와 다이어그램, 카드로 필터링하세요.

B-roll이란 무엇인가요?
B-roll은 누군가 계속 말하는 동안 잘라 넣는 화면이에요. 토킹헤드 영상에서는 촬영 영상 대신 모션 그래픽인 경우가 많아요. 큰 글씨로 띄운 핵심 문구, 쌓여 가는 차트, 단계를 설명하는 다이어그램처럼요.
애니메이션 B-roll 컷인12:401인 창업자로서 저지른 세 가지 가격 책정 실수

Leo Builds
구독자 4.8만명
- 키네틱 타이포그래피
- 화면에 애니메이션으로 나타나는 핵심 문구
- 애니메이션 차트
- 내가 준 숫자를, 말하는 타이밍에 맞춰 그대로 표시
- 다이어그램
- 단계별로 쌓여 가는 피라미드, 흐름도, 그리드
- 준비할 것
- 클립에 들어갈 문구, 숫자, 항목
- 결과물
- 편집 가능한 로컬 영상 프로젝트와 렌더링된 클립
- 실행 환경
- HyperFrames CLI, Node.js 22 이상, FFmpeg
클립을 렌더링해 영상에 추가하기
클립을 만든 뒤, 그 요점을 말하는 순간에 맞춰 타임라인에 놓으세요.
1Skill 설치하기
위에서 효과를 고르고 설치 프롬프트를 에이전트에 붙여 넣으세요.
2콘텐츠 전달
클립에 보여 줄 문구, 숫자, 목록을 알려 주세요.
3렌더링 후 배치
클립을 렌더링한 뒤 편집 툴에서 요점이 나오는 지점에 추가하세요.
그냥 AI에게 B-roll을 부탁하면 안 되나요?
직접 요청해도 결과는 나와요. Skill은 그 결과를 믿을 수 있고 반복 가능하게 만드는 요소를 더해 줍니다.

애니메이션 B-roll FAQ
이 Skill들이 하지 않는 것
- 스톡 B-roll 영상을 검색하거나 내려받지 않아요.
- 영상을 보거나 타임라인에 클립을 넣어 주지 않아요.
- 진행자나 사운드트랙을 생성하지 않아요.
이 Skill들이 B-roll 영상을 찾아 주나요?
아니요. 내 콘텐츠로 모션 그래픽 B-roll을 만들어요. 촬영 영상이 필요하면 스톡 라이브러리를 쓰세요.
클립을 영상에 어떻게 넣나요?
각 클립을 렌더링해 편집 툴(Premiere, Final Cut, CapCut 등)로 가져온 뒤, 그 요점을 말하는 곳에 배치하세요.
색상을 바꿀 수 있나요?
효과마다 조화로운 팔레트 네 가지와 편집 가능한 콘텐츠가 함께 제공돼, 영상 전체에서 클립의 톤이 맞아요.
무엇을 설치해야 하나요?
HyperFrames CLI, Node.js 22 이상, FFmpeg가 필요해요. Skill을 실행하면 에이전트가 확인해 줄 수 있어요.
콘텐츠 크리에이터를 위한 더 많은 작업
작업마다 전용 Skill, 실제 예시, FAQ가 있어요.
설명 영상기능이 무엇을 하는지 화면으로 보여 주기
프로모션 영상재사용 가능한 스타일의 짧은 브랜드 영상
인포그래픽 포스터하나의 아이디어를 그림 한 장으로 설명
OG 이미지공유하는 모든 페이지를 위한 링크 미리보기














































