Pixel2Motion

Pixel2Motion 是 Nolan Lai（GitHub 用户 nolangz）开源的 Logo 动画 Skill，README 说 Codex 和 Claude 都能用。给它一张 PNG、JPG、WebP 或截图里的 Logo，它先写一份动效简报，定下品牌性格和用途（开屏、页头、加载或悬停），再把 Logo 拟合成矢量图，图形、文字、圆点各自拆成独立元素，方便后面分别动起来。动效按迪士尼动画十二法则（Disney's 12 Principles of Animation）编排，交付一个不依赖外部库的 HTML 演示页，带重播、慢放和速度滑杆，另附 logo.svg、动效说明文档和逐帧截图拼成的检查图；设备开了“减弱动态效果”时，页面直接显示最终的静态 Logo。它特别的地方在于把“平滑”定成硬门槛：矢量和原图的重合度（IoU）只当参考，边缘出现锯齿台阶的描摹，重合度再高也不收，动画的最后一帧还必须和验收过的静态 Logo 完全一致。作者在页面上提到正在上线的 Pixel2Motion 商业服务网站，那是另外的服务，和这个开源 Skill 分开。

适合谁：想给自己的品牌、产品或网站做 Logo 开场动画和动效的设计者和开发者。需要会用 Codex、Claude Code 这类能执行命令的 AI 工具，不写代码的读者用起来会比较吃力。

使用前提：README 没有给一键安装命令，要把 SKILL.md 连同 scripts、references 文件夹放进 AI 工具读取 Skill 的目录。需要 Python 3.10 以上，用虚拟环境装 Pillow、numpy 和 Playwright，再下载 Playwright 的 Chromium，几何渲染要用 Chrome 或 Chromium，这些安装都要联网；仓库里的视频导出脚本还会用到 FFmpeg。流程读取你指定的 Logo 文件，在本地写出 SVG、HTML、截图和视频，说明里没有提到需要 API key 或账号。代码是 MIT 许可，只覆盖这个仓库本身；你放进去的 Logo 的商标和版权不会因此改变，请只处理自己有权使用的 Logo 和参考素材。文档引用迪士尼十二法则是当作动画理论，不涉及任何迪士尼角色的使用。静态矢量拟合的完整方法在作者另一个仓库 Pixel2SVG-HTML 里，本条不包含。

以上根据项目公开说明整理，本站没有实际测试。