AI 에이전트가 읽는 모션 기법 도감.
기법 637개 · 기준 클립 128개 · 레시피 11개 · 용도별 루트 7개
English · 사이트 · Agent skill · 전체 목록
장면이 전해야 할 의미에 맞춰 모션을 고른다. 효과 카드마다 정의, 기본 파라미터, 예시, 출처와 Claude Code·Codex용 프롬프트가 있다. ## 빠른 시작 ### 1. 레포 받기 ```bash git clone https://github.com/gongnyang/awesome-ai-motion.git cd awesome-ai-motion ``` 사이트 탐색, 카드 읽기, 스킬 연결에는 의존성 설치가 필요 없다. 로컬 렌더에는 Node.js 20 이상, PATH에 있는 ffmpeg, Chromium을 설치한 Playwright가 필요하다. 렌더 의존성이 없을 때만 아래 설치를 진행한다: ```bash npm install # 전역 playwright가 있으면 선택 사항 npx playwright install chromium # Chromium 설치가 되어 있으면 생략 ffmpeg -version # ffmpeg가 PATH에 있는지 확인 ``` ### 2. 스킬 연결 현재 체크아웃을 Claude Code 스킬 디렉터리에 연결한다: ```bash mkdir -p ~/.claude/skills ln -s "$PWD" ~/.claude/skills/awesome-ai-motion ``` 링크 대신 복사해도 된다. 두 방법 중 하나를 선택하고, 대상 경로는 비어 있어야 한다. ```bash mkdir -p ~/.claude/skills cp -R "$PWD" ~/.claude/skills/awesome-ai-motion ``` Codex는 같은 방식으로 `~/.codex/skills/`에 연결하거나 복사한다. 복사본은 레포 변경 시 다시 갱신한다. 연결한 다음 에이전트에게 장면에 맞는 효과를 요청한다: ```text 제품 공개 장면에 맞는 모션을 골라줘. 효과 카드를 읽고 기본 파라미터로 적용해줘. ``` ### 3. 첫 클립 렌더 문구를 바꾸고 임베드용 무대를 적용해 별도 출력 디렉터리에 렌더한다: ```bash node scripts/render.mjs effects/mask-reveal \ --embed --text "움직임으로 전해" --out .staging/my-first-motion ``` 결과는 `.staging/my-first-motion/`의 `clip.mp4`, `preview.gif`, `poster.jpg`로 확인한다. 원본 효과는 다음 작업에도 재사용한다. 기준 클립을 보존하려면 `effects/`와 `recipes/` 밖에 출력 경로를 잡는다. ## 먼저 볼 임팩트 클립 16개 큰 카메라 이동, 강한 리빌, 형태 변화를 중심으로 골랐다. 미리보기를 누르면 효과 카드로 이동한다. 무한 캔버스 팬 MP4 |
 카메라 플라이스루 MP4 |
 무한 줌 스루 MP4 |
 깊은 다층 패럴랙스 MP4 |
 대형 키네틱 타이포 스윕 MP4 |
 대형 마스크 리빌 MP4 |
 입자 흩어졌다 모이기 MP4 |
 매치컷 모프 MP4 |
 3D 카드 플립 스택 MP4 |
 3D 원근 틸트 리빌 MP4 |
 셰이더 와이프 MP4 |
 노이즈 디졸브 전환 MP4 |
 라이트 스윕 MP4 |
 스크롤 스크럽 시네마 MP4 |
 켄 번스 MP4 |
 오버랩 MP4 |
 교육 첫 5초 훅 MP4 |
 숏폼 훅 MP4 |
 타이포 오프닝 MP4 |
 제품 UI 시연 MP4 |
 데이터 스토리 MP4 |
 개념 설명 장면 MP4 |
 전후 비교 MP4 |
 스크롤덱 장면 3박자 MP4 |