pixel2motion
Installation
SKILL.md
Pixel2Motion (v2)
Pixel → Vector → Motion. This skill fuses two disciplines:
- Vectorization discipline (from logo-vectorizer-minimal-smooth): fit the raster source with the lowest-complexity editable geometry that passes visual QA.
- Motion discipline (from Disney's 12 Principles of Animation): choreograph that geometry into brand-appropriate motion with evidence-based timing and easing.
The fusion rests on one insight: minimal smooth geometry IS animatable geometry. A logo built from 3 semantic parts animates cleanly; a logo built from 400 pixel-stair traced points cannot be choreographed or accepted as a professional logo vector. Phase 2 therefore does not merely vectorize — it structures for motion. And the animation must always land exactly on the QA-verified static vector (the Final Frame Contract).
Deliverables
logo.svg— final static vector (motion-ready structure)logo_motion.html— showcase-style standalone HTML with the main animation, atomic motion studies, replay/slow/speed controls, and QA hooksmotion_spec.md— personality words, principles applied, timeline table, easing tokens, atomic motions, tunable controlsoutputs/fit_iterations/*.png+overlay_progress_strip.png— geometry QA evidenceoutputs/motion_frames/*.png+motion_strip.png— motion QA evidencefinal_render.png,html_render.png— static renders; path audit artifacts when smoothness was a concern