nolangz/pixel2motion
AI logo animation skill: turn raster logos into smooth SVG animation, animated HTML demos, GIF/video previews, and motion QA evidence.
它解決了什麼
Pixel2Motion 簡化了將靜態點陣圖商標（PNG、JPG、WebP）轉換為專業動畫 SVG 商標的流程。它消除了重新手動繪製向量商標並編排其動作的繁瑣工作，提供了一套結構化的 AI 輔助品牌動態設計工作流程。
它如何運作
此專案作為 AI 模型（如 Claude、Codex）的「skill」運行，指導模型完成多步管線：
- 向量化：將點陣圖商標轉換為乾淨、語意化的 SVG，讓商標的不同部件（標誌、點、文字標）皆可被定位。
- 配合與 QA：使用 Python 腳本將向量候選與原始點陣圖疊合，以確保對齊、比例與筆劃粗細的精確度。
- 編舞：產生針對 SVG ID 的 CSS 動畫，打造「商標揭露」或動態序列。
- 交付：將最終成果匯出為無相依性的 HTML 展示檔，並附上 GIF/影片預覽與動態 QA 證據。
目標對象
- 品牌設計師：需要快速製作動畫商標原型。
- 開發者：尋求以 HTML/CSS 為基礎、開發者友善的動畫工作流程。
- AI 動態設計師：使用大型語言模型協助製作品牌資產。
重點特色
- QA 驗證的配合：使用 IoU 診斷與幾何疊合，確保向量版本忠實還原原始圖形。
- 確定性幀捕捉：提供腳本捕捉特定動態幀以作品質保證。
- 語意化 SVG 結構：確保輸出 SVG 為專為動畫設計的結構，而非單純的平面描摹。
- 互動式 HTML 示範：產生可獨立執行的 HTML 檔，內含速度控制與重播功能，方便檢視動畫。