Pixel2Motion: Converting Raster Logos into SVG Animations

Pixel2Motion is an open-source workflow that takes raster-format logos such as PNG and JPG as input, reconstructs them into clean SVG vectors, and then adds motion on top to produce results in HTML, GIF, and video formats.

The key features of this tool are as follows:

• Optimized for AI agents: Designed so that coding agents like Codex or Claude can read SKILL.md to grasp animation principles and execute them.
• Strict QA process: Rather than simply relying on IoU (Intersection over Union) scores, it verifies vector quality based on curve smoothness and structural integrity.
• Comprehensive outputs: It simultaneously generates structured SVG, animated CSS, an interactive HTML demo, and a Markdown file serving as a motion specification.
• Deterministic verification: It provides frame-by-frame capture and QA hooks to confirm that the generated motion works as intended.