1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | pixel2motion |
| 作者/维护者 | Nolanlai（GitHub：nolangz） |
| 来源链接 | https://github.com/nolangz/pixel2motion |
| 许可证 | MIT（GitHub API） |
| GitHub Stars | 1,725（GitHub API） |
| Forks | 159（GitHub API） |
| 最新版本 | SKILL.md 内标注 v2；无正式 Release，仅初始 tag v0 |
| 安装方式 | Git 克隆 + 本地 Python 环境（见第 10 章） |
项目自述名称与正式名称一致。
2. 功能介绍与亮点
把栅格 Logo 转成结构清晰的极简 SVG，再依迪士尼动画十二法则编排成可交互 HTML 动效。核心流程：以最低复杂度拟合矢量路径并通过视觉 QA；可动部件拆成独立 SVG 元素；按 20/50/30 预备-动作-收尾节奏排布关键帧；每步留存重叠图、抽帧、缓动探测等 QA 证据。
亮点：MIT 开源、文档详尽、交付物为无依赖独立 HTML、近期持续维护。
3. 适用场景
所属分类：前端与设计。 适合独立开发者/小团队为官网、产品启动页制作 Logo 揭示动画，或需要标准化矢量拟合+动效编排流程、加载动画、Hover 微交互的场景。
4. 跨 Agent 兼容性
- Claude Code：原生支持——按标准
SKILL.md发布，README 明确列为 Claude skill。 - Codex：原生支持——另附
agents/openai.yaml供展示与默认提示词。 - OpenClaw / Hermes Agent：未验证，无相关适配说明。
5. 推荐理由
面向 Logo 动效这一细分需求，提供开源、可审计、交付物无依赖的标准化流程，补上通用设计技能在动效环节的空白。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | 1,725 stars、159 forks（仓库创建于 2026-06-12）；第三方反刷星工具 phantomstars 扫描判定该仓库为“clean”，可疑账号占比约 2%，星标增长基本可信 |
| 可用性 | 8 | SKILL.md/README/references 文档详尽，最近一次提交为 2026-07-10；但需自行搭建 Python 虚拟环境并安装 Playwright + Chromium，非零配置即用 |
| 安全性 | 8 | 见下方检查清单 |
安全检查清单：①仅本地图像渲染与截图，用途明确；②未见联网外发；③无需凭据；④未见可疑指令，issue 区一条营销内容已判定非评价；⑤未见刷星痕迹；⑥MIT 清晰；⑦最近一次提交为 2026-07-10。
综合评分：7.7
7. 跟同类 Skills 相比的优势
| 竞品 | Stars | 定位 | 差异 |
|---|---|---|---|
| xiaopu-ai/web-design | 592 | 网页设计规范先行技能 | 面向整站视觉设计，不涉及 Logo 矢量化/动效 |
| mikesheehan54/Claude-Code-Design-AI | 77 | 截图转 React、Figma/Tailwind 生成 | 覆盖前端组件生成，无动效或矢量拟合 |
| albertzhangz10/design-system-skill | 26 | 生成设计系统文档 | 产出为规范文档，无可运行动效交付物 |
| KorroAi/korrodesign | 24 | 设计规范强制执行（审美守卫+ESLint） | 定位代码审查工具，不生成内容 |
| htuzel/gemini-svg-creator | 2 | 借助 Gemini 生成 SVG 图形 | 依赖外部模型 API，无本地几何拟合与 QA 流程 |
pixel2motion 是唯一专注“栅格 Logo→矢量→动效”全链路且每步留证的技能，其余同类要么场景更宽泛，要么是规范文档/约束工具。
8. 用户评价
该技能目前在第三方平台尚无具名独立用户评价。仓库可见一条已合并的第三方修复贡献及一条环境提问，均非评价性反馈。
9. 其他补充
作者另维护配套项目 Pixel2SVG-HTML（纯静态矢量化）。README 提供中英双语说明。
10. 安装使用方式
git clone https://github.com/nolangz/pixel2motion.git，放入 Agent 技能目录。- 安装依赖：
pip install pillow numpy playwright && playwright install chromium。 - 确保本机可用 Chrome/Chromium，非默认路径设置
CHROME_BIN。 - 自然语言描述“为这个 Logo 制作动效”即可触发，无需重启。
11. 注意事项
- 环境搭建较繁琐，需额外装 Playwright 与 Chromium。
- 仓库创建于 2026-06-12，历史积累有限。
- 仅确认支持 Claude Code、Codex，OpenClaw、Hermes 未验证。
- 单一开发者主导（仅 1 次外部贡献被合并）。
- 作者另运营同名商业化预览服务，开源版可独立使用。