github.devotd.
새 소식코딩 에이전트

lovisdotio/motion2code — 모션 디자인 영상을 SVG와 GSAP로 재현하는 스킬

lovisdotio/motion2code는 모션 디자인 영상을 반복되는 SVG와 GSAP 코드로 다시 만들고, 원본과 프레임 단위로 대조해 확인하게 하는 코딩 에이전트용 스킬 모음이다.

저장소 정보lovisdotio/motion2code ↗

lovisdotio/motion2code는 모션 디자인 영상을 반복되는 SVG와 GSAP 코드로 다시 만들고, 원본과 프레임 단위로 대조해 확인하게 하는 코딩 에이전트용 스킬 모음이다.

GitHub 설명: Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source

스타
★ 101
포크
9
언어
HTML
라이선스
MIT
원문 보기 ↗GitHub에서 보기 ↗

lovisdotio/motion2code는 코딩 에이전트용 스킬 모음이다. 모션 디자인(화면 요소에 움직임을 입히는 작업) 영상을 반복되는 SVG와 GSAP(웹 애니메이션 라이브러리) 코드로 다시 만들도록 안내한다. 이 저장소에는 기록된 릴리스 버전이 없다.

스킬은 코딩 에이전트가 작업할 때 따르는 절차와 지침을 모은 묶음이다. 이 저장소의 차별점은 재생 구현에 확인 절차를 붙인 쪽에 있다. 영상에서 프레임을 추출하고 장면 전환을 분석한 뒤, 결과를 원본과 한 프레임씩 대조해 확인한다. 여러 재현 스크립트와 예시, 검사 파일이 들어 있고, 각 예제에는 비교 화면과 실행 가능한 페이지가 담겨 있다. 재생 화면을 실제 상호작용 웹사이트로 만드는 흐름도 다룬다. 여러 코딩 에이전트와 기술 도구에서 설치해 쓸 수 있다. 라이선스는 MIT, 주 언어는 HTML이고 GitHub 별 수는 101개다.

다만 변환이 얼마나 정확한지를 가늠하는 수치나 비교 대상은 주어져 있지 않다. 검증은 예제별로 제공되는 비교 화면을 확인하는 방식으로 남아 있다. 10점 만점 기준 신선성(novelty) 8.0, 기술(tech) 8.0, 품질(quality) 8.0, 모멘텀(momentum) 7.8은 별도 대조 시험이 아니라 기록에 남은 평가 점수다. 그래서 이 저장소는 모션 디자인 전용 라이브러리가 아니라, 시각 요소를 코드로 옮기는 작업에 에이전트를 붙이는 쪽에 가깝다. 완성도를 더 말하려면 예제의 비교 화면을 확인한 뒤에야 가능하다.