pixel2motion

Installation
SKILL.md

Pixel2Motion (v2)

Pixel → Vector → Motion. This skill fuses two disciplines:

  1. Vectorization discipline (from logo-vectorizer-minimal-smooth): fit the raster source with the lowest-complexity editable geometry that passes visual QA.
  2. 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 hooks
  • motion_spec.md — personality words, principles applied, timeline table, easing tokens, atomic motions, tunable controls
  • outputs/fit_iterations/*.png + overlay_progress_strip.png — geometry QA evidence
  • outputs/motion_frames/*.png + motion_strip.png — motion QA evidence
  • final_render.png, html_render.png — static renders; path audit artifacts when smoothness was a concern

Installs
4
First Seen
14 days ago