Pixel2Motion: 래스터 로고를 SVG 애니메이션으로 변환

Pixel2Motion은 PNG, JPG 등 래스터 형태의 로고를 입력받아 매끄러운 SVG 벡터로 재구성하고, 그 위에 모션을 입혀 HTML, GIF, 영상 형태의 결과물을 만들어내는 오픈소스 워크플로우입니다.

이 도구의 핵심 특징은 다음과 같습니다:

• AI 에이전트 최적화: Codex나 Claude 같은 코딩 에이전트가 SKILL.md를 읽고 애니메이션 원칙을 파악하여 실행할 수 있도록 설계되었습니다.
• 엄격한 QA 프로세스: 단순히 IoU(Intersection over Union) 점수만 따지는 것이 아니라, 곡선의 매끄러움과 구조적 완성도를 기준으로 벡터의 품질을 검증합니다.
• 포괄적인 결과물: 구조화된 SVG, 애니메이션이 담긴 CSS, 상호작용이 가능한 HTML 데모, 그리고 모션 명세서인 Markdown 파일을 동시에 생성합니다.
• 결정론적 검증: 생성된 모션이 의도대로 작동하는지 확인하기 위해 프레임 단위의 캡처와 QA 훅을 제공합니다.