motionmaxxing의 개요
Tejas Makwana(Tejashmakwana)의 motionmaxxing은 코딩 에이전트가 출시 영상, 제품 홍보물, 브랜드 스팅, 키네틱 타이포그래피 같은 짧은 모션 그래픽 영상을 연출하고 제작하게 하는 Agent Skill입니다. 한 번의 업로드로 공개됐습니다. 저장소는 2026년 10월 6일에 만들어졌고 커밋 두 개가 모두 그날 저녁에 올라왔으며, 그 뒤로 푸시도 GitHub 릴리스도 없습니다. README 스스로 초기 릴리스라고 부릅니다.
영상은 motion.js로 구동되는 평범한 HTML 페이지입니다. motion.js는 GSAP 위의 탐색 안전(seek-safe) 런타임으로, 전문가가 만든 출시 장면 53개에서 프레임 단위로 측정한 4,288개 동작에 맞춘 이름 붙은 이징 12개를 갖췄습니다. 스킬 자체의 render.mjs가 헤드리스 Chrome에서 프레임마다 탐색하고 ffmpeg로 인코딩합니다. 설명에 따르면 HyperFrames나 평범한 HTML에서 동작하며, Remotion이나 After Effects 도구는 아닙니다. URL을 주면 브랜드의 색, 글꼴, 로고, 화면을 수집하고, 스크립트가 렌더 결과를 G0부터 G5까지 여섯 개 관문으로 채점합니다. 음성, 효과음, 음악은 ElevenLabs 키로 선택해 쓸 수 있습니다.
저장소는 Apache-2.0이며 GitHub 스타 약 1,200개와 포크 113개가 있습니다. ~/.claude/skills에 클론해 설치하며 Node 22 이상, Python 3, ffmpeg, Google Chrome이 필요합니다. 함께 들어 있는 GSAP 3.12.5는 자체 GreenSock Standard License를 따르며, README는 이것이 오픈소스가 아니라고 적고 있습니다. 스킬은 자신이 저 자의 제품 FinalMotion 안에 있다고 말합니다.
motionmaxxing, 쓸 만한 가치가 있습니까?
motionmaxxing은 규칙이 취향이 아니라 측정에서 나온 드문 영상 스킬입니다. 저자는 디자이너가 만든 출시 영상에서 3초에서 7초짜리 장면 53개를 프레임 단위로 정확한 GSAP 타임라인으로 재현하고, 모든 프레임을 탐색해 그 결과를 서로 다른 동작 4,288개로 압축했습니다. 여기서 스킬이 강제하는 수치가 나왔습니다. 동작의 중앙값은 10프레임(0.33 s), 착지는 58%가 ease-out, 오버슈트는 동작의 9% 미만이며 나올 때는 늦게 나오고, 로고는 자기 크기의 약 3.5배에서 부딪히듯 들어오며, 변형 진입이 3,392개인 데 비해 불투명도 페이드는 584개입니다. 곡선을 군집화해 softLand부터 accelExit까지 이징 12개를 얻었고, 런타임은 이를 이름으로 제공합니다. 저자에 따르면 측정한 동작의 89%가 RMSE 0.12 안에서 맞습니다.
나머지 절반은 금지 목록이며, 영상판 hallmark처럼 읽힙니다. SKILL.md는 영상이 절대 내보내서는 안 되는 12가지를 나열합니다. "02 / SPEAK" 같은 모서리 라벨과 카운터, 기기 옆에 고정된 왼쪽 헤드라인, 상태 점이 있는 둥근 UI 카드, 캐럿으로 타이핑되는 헤드라인, 장면마다 깔리는 단색 배경, 1.4 s를 넘겨 머무는 엔드 카드, 아무도 확인하지 않은 영상 등입니다. 10단계 프로세스는 제작 전에 스토리보드와 세 종류의 아이디어를 요구합니다. 그다음 render.mjs가 영상을 만들고, look.py가 프레임에서 관문 G0, G2, G3를 계산하며, lint.mjs는 DOM 속 페이지 크롬을 G5로 탈락시킵니다. 필수인 NOTE.md는 영상이 좋다고 선언하는 대신 그 수치를 인용해야 합니다. G1과 G4에는 스크립트가 없어 눈으로 판단하며, 스킬은 에이전트가 이를 인정하게 합니다.
대가는 무게입니다. SKILL.md만 약 20.6 KB이고, 0단계에서 취향 파일 두 개와 judgment.md 훑어보기가 더해져, 토큰당 네 글자로 치면 브랜드를 수집하기도 전에 약 53 KB, 13,000토큰이 로드됩니다. 참고 파일 14개는 합쳐 약 452 KB로, 에이전트가 모두 읽으면 110,000토큰이 넘으며, 저자는 영상 한 편의 토큰이나 시간 비용을 공개하지 않습니다. 렌더링은 중요한 곳에서 느립니다. KNOWN-LIMITS에 따르면 WebGL의 hero3d 장면은 Apple GPU에서 1080p 기준 약 7에서 11 fps로 돌아갑니다. 설치 단계가 문서화된 것은 Claude Code뿐이고, 다른 에이전트에는 가리킬 폴더만 있습니다.
근거는 완성도가 주는 인상보다 얇습니다. 취향 계층을 뒷받침하는 블라인드 A/B 기록은 사람 평가자가 한 명이고, 스킬 쪽을 고른 10번 중 9번은 이전 세대에서 나왔으며, 이번 세대의 A/B는 없습니다. 716행짜리 선례 라이브러리는 모델 분석가가 해독한 것이고 미검증으로 표시돼 있습니다. 측정한 장면은 SaaS 방식의 출시 클립이므로 통계도 그 장르를 설명합니다. 무엇보다 10월 6일 이후 푸시가 없고, macOS에서 Chrome 프로세스가 남는다는 10월 16일 이슈가 여전히 열려 있습니다. 백 개의 도구로 제작 전체를 계획하는 openmontage와 비교하면 motionmaxxing은 한 가지를 더 깊이 합니다. hyperframes와 비교하면 렌더러가 아니라, 거의 같은 Chrome과 ffmpeg 렌더 경로 위에 앉은 연출가입니다. 에이전트가 만드는 모션이 어떻게 움직여야 하는지에 대한 참고 자료로는, 두 번째 커밋이 영영 없더라도 읽을 가치가 있습니다.
제 역할을 하는 곳
다음 주 출시를 앞둔 5인 SaaS 스타트업의 창업자
모션 디자이너를 고용하지 않고 제품 웹사이트를 20초짜리 출시 영상으로 만들기
Claude Code에서 사이트 URL과 함께 /motionmaxxing을 실행합니다. brand.mjs가 색, 글꼴, 로고, 화면을 수집하고, 에이전트는 제작 전에 아이디어와 스토리보드를 보여 줍니다. 에이전트 토큰과, 음성과 음악을 쓸 경우 ElevenLabs 사용료 외에는 무료입니다.
에이전트가 만든 홍보 영상이 움직이는 슬라이드 덱처럼 보이는 프런트엔드 개발자
초안의 정확한 문제를 찾아 고치기
스킬에 draft.mp4와 index.html을 주고 slop, mid, maxxed 등급을 요청합니다. look.py와 lint.mjs가 G0, G2, G3, G5 가운데 실패한 항목을 출력하고, 에이전트는 정해진 순서로 고칩니다. 린트는 캔버스에 그린 텍스트나 생성된 이미지 속 텍스트를 볼 수 없습니다.
HTML과 GSAP로 자신만의 영상 에이전트를 만드는 개발자
길이와 곡선을 추측하지 않고 측정된 타이밍 빌려 오기
runtime/motion.js를 불러와 M.ease.softLand 같은 이름 붙은 이징 12개를 측정된 기본값으로 호출하고, 비트마다 precedent.py로 library/moments.jsonl을 조회합니다. 포함된 GSAP 사본에는 여전히 GSAP 자체 라이선스가 적용됩니다.
도입 전 확인할 점
- 설정
- 저장소를 ~/.claude/skills/motionmaxxing에 git clone한 뒤 bash install.sh를 실행합니다. 이 스크립트는 요구 사항을 확인할 뿐 시스템 전역에 아무것도 설치하지 않습니다. Node 22+, Python 3, ffmpeg, Google Chrome이 필요하며, scripts/providers.sh가 기기에 무엇이 있는지 알려 줍니다. /motionmaxxing이나 평범한 요청으로 호출합니다.
- 연동
- 문서화된 것은 Claude Code이며, SKILL.md 폴더를 읽고 셸에 접근할 수 있는 에이전트라면 쓸 수 있습니다. 자체 Chrome과 ffmpeg 파이프라인으로 렌더하고, HyperFrames와 함께 쓸 수 있으며, GSAP 3.12.5와 Three.js r186을 포함하고, 선택적으로 음성, 소리, 음악에 ElevenLabs를, 생성 표면 플레이트에 Codex CLI를 호출합니다.
- 데이터와 개인정보
- 로컬에서 실행됩니다. 브랜드 수집은 헤드리스 Chrome으로 대상 사이트를 가져옵니다. 음성과 음악 스크립트는 ELEVENLABS_API_KEY가 설정된 경우에만 텍스트를 ElevenLabs로 보내고, 이미지 플레이트는 요청할 때만 Codex 로그인을 거칩니다. README는 텔레메트리를 설명하지 않습니다. Apache-2.0이며, GSAP는 GreenSock Standard License, Three.js와 opentype.js는 MIT, Inter는 SIL OFL 1.1입니다.
- 대규모 사용 시 비용
- 저장소에 유료 에디션은 없습니다. 비용은 에이전트 토큰(작업 시작 전 지침 약 13,000토큰, 참고 자료를 불러올수록 증가), 로컬 렌더 시간, ElevenLabs 사용료, 생성 플레이트당 약 1분에서 2분입니다.
- 제한
- 2026년 10월 6일 이후 커밋 없음, 열린 이슈 하나. G1과 G4는 눈으로 판단. lint.mjs는 캔버스, WebGL, 이미지, 영상 속 텍스트를 놓침. WebGL은 1080p에서 약 7에서 11 fps. ElevenLabs 음악은 템포나 길이가 어긋날 수 있음. fetch_logo.mjs가 로고 대신 헤더 띠를 가져올 수 있음.
좋은 점
- 전문가 동작 4,288개에서 측정한 이징과 타이밍
- 슬라이드 덱 같은 영상의 티를 겨냥한 구체적인 금지 목록
- 스크립트 관문과 린트가 렌더를 검사하고 NOTE.md가 그 결과를 인용해야 함
- 자체 테스트가 있는 탐색 안전 런타임으로 렌더 재현 가능
아쉬운 점
- 2026년 10월 6일 한 번 업로드된 뒤 커밋도 릴리스도 없음
- 취향 계층이 평가자 한 명에 기대고 이번 세대의 A/B 없음
- 무거운 설정: Node 22+, Python 3, ffmpeg, Chrome
- 많은 지침 분량과 공개되지 않은 토큰 비용
추천 대상
이미 HTML과 GSAP로 에이전트와 제품 영상을 만들며 결과물이 모션 디자이너의 작업처럼 움직이길 원하고, 유지되지 않을 수도 있는 저장소를 감수할 수 있는 개발자.
motionmaxxing 대안
motionmaxxing: 자주 묻는 질문
- motionmaxxing, 쓸 만한 가치가 있습니까?
- motionmaxxing은 저희가 읽은 어떤 영상 스킬보다 실제 모션 디자인 기술을 많이 글로 옮겼습니다. 그러고는 평가자 한 명이 검증한, 유지되지 않는 단 한 번의 업로드로 남겨 두었습니다. 평점은 5점 만점에 3.6점입니다.
- motionmaxxing의 가격은 얼마입니까?
- 무료 오픈소스입니다(Apache-2.0, 포함된 GSAP는 자체 라이선스). 선택 사항인 ElevenLabs 키로 음성, 효과음, 음악을 켤 수 있으며 ElevenLabs가 요금을 청구합니다.
- motionmaxxing의 단점은 무엇입니까?
- 2026년 10월 6일 한 번 업로드된 뒤 커밋도 릴리스도 없음; 취향 계층이 평가자 한 명에 기대고 이번 세대의 A/B 없음; 무거운 설정: Node 22+, Python 3, ffmpeg, Chrome; 많은 지침 분량과 공개되지 않은 토큰 비용.
- motionmaxxing에 적합한 사람은 누구입니까?
- 이미 HTML과 GSAP로 에이전트와 제품 영상을 만들며 결과물이 모션 디자이너의 작업처럼 움직이길 원하고, 유지되지 않을 수도 있는 저장소를 감수할 수 있는 개발자.
- 팀이나 프로덕션 환경에서 motionmaxxing의 비용은 얼마입니까?
- 저장소에 유료 에디션은 없습니다. 비용은 에이전트 토큰(작업 시작 전 지침 약 13,000토큰, 참고 자료를 불러올수록 증가), 로컬 렌더 시간, ElevenLabs 사용료, 생성 플레이트당 약 1분에서 2분입니다.
- motionmaxxing에 회사 데이터를 맡겨도 안전합니까?
- 로컬에서 실행됩니다. 브랜드 수집은 헤드리스 Chrome으로 대상 사이트를 가져옵니다. 음성과 음악 스크립트는 ELEVENLABS_API_KEY가 설정된 경우에만 텍스트를 ElevenLabs로 보내고, 이미지 플레이트는 요청할 때만 Codex 로그인을 거칩니다. README는 텔레메트리를 설명하지 않습니다. Apache-2.0이며, GSAP는 GreenSock Standard License, Three.js와 opentype.js는 MIT, Inter는 SIL OFL 1.1입니다.
- motionmaxxing의 가장 좋은 대안은 무엇입니까?
- 저희가 리뷰한 것 중 가장 가까운 대안은 HyperFrames, OpenMontage, Hallmark 및 ffmpeg-skill입니다.
답 변 확인일: 2026년 10월 31일.