logo 学会亮相了

现在用 AI 画个 logo，跟点外卖差不多，一句话的事儿。可端上来的是张图片：静的，像素的，放大一看边上全是台阶，跟打了马赛克似的。

想让它动一动，开屏的时候亮个相，那就得找动效师了，按小时算钱，还得排队。

最近 GitHub 上有个开源 skill 专治这个，叫 pixel2motion。

先说是个啥

项目叫 pixel2motion，作者 NolanLai，Lykno.ai 的联合创始人，在腾讯做过研究员。2026 年 6 月开张，到现在 2500 多颗星，MIT 协议。

它是标准的 SKILL.md 格式，Claude Code 和 Codex 都能用。名字就是流程：Pixel → Vector → Motion，像素图进去，矢量动画出来。

三步走

第一步，看图写剧本。 先把 logo 拆开认人：哪儿是图标，哪儿是字，哪个是点，哪道是弧线。每个零件都是将来的演员。然后写一份动效说明：挑三个性格词，比如“利落、精准、自信”；想好用在哪儿，开屏亮相给 1.2 到 2 秒，页头出场 0.3 到 0.8 秒，鼠标悬停也就 0.15 到 0.3 秒；再排排谁先上场、谁后上场。

第二步，描成矢量。 规矩是能简单就别复杂：能用圆的不用曲线，能三笔画完的，绝不描出四百个点。它的道理是：干净的几何，才动得起来。光滑是硬杠杠，描得再像，放大了一看全是台阶，照样毙。改一次算一轮，默认最多 10 轮。

第三步，排戏。 照着迪士尼动画的十二条法则编动作，挤压拉伸、预备动作、跟随动作这些老讲究，挑合适的用上。时间线按 20 : 50 : 30 切：一段 1.5 秒的亮相，300 毫秒蓄力，750 毫秒主动作，450 毫秒收尾。零件不许齐步走，得错开上场。最后一帧必须严丝合缝落回第二步验过的那张静态图上，差一个像素都不算完。

说白了，跟戏台上演员亮相一个路数：先起范儿，再走身段，最后往那儿一定，纹丝不动。

交到你手上的

一个 logo_motion.html，不依赖任何库的演示页：主动画点一下就重播，能慢放，能拖着调速度，底下还摆着几个小动作样片，比如 HOVER（悬停）、PULSE（脉动）、ARC（画弧）、PRESS（按下）。

一份 motion_spec.md，动效的说明书兼质检报告：性格词、用了哪几条法则、时间线、缓动曲线，全写在里头。

另外还有最终的 logo.svg，和一沓按时间点截下来的帧，证明它真是这么动的。

别人交活儿交个 GIF 就完了，它是连作业带批改记录一块儿交。

怎么用

跟装别的 skill 一样，把仓库 clone 到 agent 的 skills 目录里。拿 Claude Code 说：

git clone https://github.com/nolangz/pixel2motion ~/.claude/skills/pixel2motion

电脑上得有 Python 3.10 以上和 Chrome，再装上 Pillow、numpy 和 Playwright，最后这个是截帧质检用的。

装好以后，把 logo 图片扔给 agent，说一句：“把这个 logo 做一个丝滑的矢量动画效果。”然后泡杯茶，等它交活儿。

先看看样片

懒得装，先去演示站看看。上面摆了 5 个 logo，每个三列：原图、Claude 做的、GPT 做的，能重播，能调速度。

同一道题两位考生各答一遍，卷子都贴墙上了，谁高谁低，您自己判。

两句实在话

• 开源版得自己动手：Python、Chrome、Playwright 这一套得先装利索，不是点一下就完事儿。
• 作者在 README 里说，更完整的商业版服务正在上线。开源这版，按 MIT 协议用就行。
• 我再补一句：它管的是让 logo 动起来，logo 本身好不好看，它可管不着。

最后

以前 logo 是贴墙上的一幅画儿，现在会自己出场、亮相、收势了。

就一条：logo 要是本来就丑，动起来也就是丑得更丝滑了。