Is the Pixel2motion skill free?

Yes. The skill itself is free from nolangz/pixel2motion. SkillProof publishes the install command and an independent test verdict at no cost.

What is the Pixel2motion SkillProof Score?

9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.

How do I install Pixel2motion?

Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.

Can I use Pixel2motion with Cursor, Copilot, Gemini CLI, Codex or other AI tools?

The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.

Pixel2motion

Turns a raster logo into a minimal SVG, then a choreographed 12-principles motion reveal.

by nolangz · nolangz/pixel2motion

Tested · Works

Install — copy the command Download source ↗

Test report

Verdict: Tested · Works
Score: 9.6/10
Tested: Jul 20, 2026
Environment: Claude Code 2.x (agent harness)
Upstream re-checked: Aug 10, 2026 · ee92218

Fetched the tree via gh (raw GitHub was rate-limited): one root SKILL.md (28KB), plus 5 references/*.md and 11 scripts/*.py — all present, and render_overlay.py's only subprocess call is headless Chrome, no exfiltration/hidden instructions. Measured OUTPUT for real: headless-Chrome screenshots show the skill version cascades parts with a draw-on ring + overshoot pop and lands cleanly on the final frame (3 literal cubic-beziers, 0 var() inside @keyframes, pathLength draw-on, reduced-motion block), while the baseline fades/scales everything in lockstep and linear. Trigger phrasings — SHOULD: 'animate my company logo into a splash screen reveal', 'turn this PNG logo into an animated SVG with a draw-on', 'create a loading animation for our brand mark'; SHOULD NOT: 'vectorize this landscape photo into an SVG', 'build a full CSS page-transition library for my site' — all 5 judged correctly.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

Installs cleanly 5/5
Triggers reliably 5/5
Output vs. baseline 9/10
Docs & honesty 5/5

What Pixel2motion does

A logo-animation skill: vectorize a PNG/JPG logo into low-complexity, motion-ready SVG (semantic ids per part), then choreograph a reveal/loop/hover using Disney's 12 principles delivered as dependency-free standalone HTML. Triggers on requests to animate a logo, build a splash/brand intro, convert a logo image into animated SVG/HTML, or add loading/idle/hover motion to a mark. Core authoring is pure-prompt; its QA-evidence pipeline (overlay IoU, frame capture, easing probe) needs headless Chrome + Playwright + Pillow/numpy.

How to install Pixel2motion

Copy the repo into ~/.claude/skills/pixel2motion (or a project .claude/skills dir). Core motion authoring works immediately; to run the bundled QA scripts install Pillow+numpy (venv), headless Chrome (CHROME_BIN), and Playwright.

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Pixel2motion

/pixel2motion Turns a raster logo into a minimal SVG, then a choreographed 12-principles motion reveal.

It also activates on plain-language prompts like these:

Animate our logo for a splash screen
Convert this PNG logo into a vector SVG
Build a logo reveal animation for our website

Frequently asked questions

Is the Pixel2motion skill free?: Yes. The skill itself is free from nolangz/pixel2motion. SkillProof publishes the install command and an independent test verdict at no cost.
Does Pixel2motion work with Claude Code?: We tested it with Claude Code 2.x (agent harness) on Jul 20, 2026. Verdict: Tested · Works. Fetched the tree via gh (raw GitHub was rate-limited): one root SKILL.md (28KB), plus 5 references/*.md and 11 scripts/*.py — all present, and render_overlay.py's only subprocess call is headless Chrome, no exfiltration/hidden instructions. Measured OUTPUT for real: headless-Chrome screenshots show the skill version cascades parts with a draw-on ring + overshoot pop and lands cleanly on the final frame (3 literal cubic-beziers, 0 var() inside @keyframes, pathLength draw-on, reduced-motion block), while the baseline fades/scales everything in lockstep and linear. Trigger phrasings — SHOULD: 'animate my company logo into a splash screen reveal', 'turn this PNG logo into an animated SVG with a draw-on', 'create a loading animation for our brand mark'; SHOULD NOT: 'vectorize this landscape photo into an SVG', 'build a full CSS page-transition library for my site' — all 5 judged correctly.
What is the Pixel2motion SkillProof Score?: 9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.
How do I install Pixel2motion?: Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Pixel2motion with Cursor, Copilot, Gemini CLI, Codex or other AI tools?: The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.