모션 디자인을
코드로 쓰다.
코딩 에이전트에게 타이밍, 이징, 안무 같은 진짜 모션 디자인을 가르치는 에이전트 스킬. 프롬프트 하나로 쇼릴, 인트로, 출시 영상을 렌더링합니다.
타임라인 없는 모션 디자인.
좋은 모션은 대부분 판단의 문제입니다: 얼마나 오래 멈출지, 언제 겹칠지, 어떤 이징이 움직임을 의도적으로 보이게 하는지. 이런 판단은 보통 키프레임 도구와 수년간의 연습 속에 있습니다.
MotionVideo은 그 판단을 에이전트를 위해 글로 정리합니다. 에이전트는 비트를 스토리보드로 짠 뒤 타이포, 도형, 여러분의 컴포넌트를 코드로 애니메이션화하므로, 모든 프레임을 검토할 수 있고 모든 변경은 다시 렌더링하면 끝입니다.
쇼릴부터 출시 영상까지.
같은 스킬로 제품과 함께 나가는 영상도 만듭니다: 출시 영상, 기능 업데이트, 변경 내역 클립을 다시 그리지 않고 지금 있는 인터페이스로 만듭니다.
편집 결정은 여러분이 합니다. 스토리보드를 검토하고, 평범한 말로 수정을 요청하고, 다시 렌더링하세요.
작동 방식
- 01.GitHub 초대를 수락하고 skills 폴더를 프로젝트에 복사하세요
- 02.“20초 인트로 릴: 이름 등장, 프로젝트 카드 3장, 차분한 마무리”처럼 원하는 작품을 설명하세요
- 03.에이전트가 장면 코드를 쓰기 전에 비트와 타이밍을 스토리보드로 짭니다
- 04.폰트, 색상, 컴포넌트로 각 장면에 애니메이션을 입힌 뒤 로컬에서 렌더링합니다
- 05.“로고를 더 오래 보여 줘”처럼 평범한 말로 수정을 요청하고 다시 렌더링하세요
팩 구성
빈 컴포지션에서 시작하지 않고, 문장 하나에서 렌더링된 파일까지 가는 데 에이전트에게 필요한 모든 것.
에이전트 스킬
스토리보드, 안무, 페이싱, 모션 타이포그래피를 다루는 지침 파일로, 에이전트가 필요할 때만 불러옵니다.
장면 스타터
쇼릴, 타이틀 시퀀스, 출시 영상, 변경 내역 클립용으로 바로 포크할 수 있는 컴포지션. 에이전트가 빈 파일에서 시작할 일이 없습니다.
모션 토큰
모션 디자인에 맞춘 스프링, 이징, 타이밍 값을 한곳에 모아 모든 장면이 같은 리듬으로 움직입니다.
렌더러 가이드
Remotion, HyperFrames, Editframe, fframes 설정 노트. 같은 장면 계획이 여러분의 스택에서 그대로 동작합니다.