pixel2motion
Convert pixel logos into smooth SVG animations, generating HTML demos, GIF/video previews, and animation QA evidence.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.0k
- Source
- skill-github
- Repository
- github.com/nolangz/pixel2motion
Overview
Pixel2Motion is an open-source Codex and Claude skill for logo animation, SVG animation, and AI-assisted brand motion design. It converts logo images in PNG, JPG, WebP, or screenshot formats into clean, animatable SVGs, then exports HTML demos, GIF/video previews, and animation QA evidence. Ideal for scenarios requiring reviewable vector fitting, reusable SVG structures, and exportable animations/transparent videos. See project documentation for integration details.
Capabilities
- ▪Convert pixel logos to smooth SVG
- ▪Generate SVG logo animations
- ▪Generate interactive HTML motion demos
- ▪Generate GIF/video previews
- ▪Generate animation QA evidence
Use cases
Setup
Refer to the SKILL.md file in the project for detailed installation and configuration instructions.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
What input formats are supported?
Supports PNG, JPG, WebP, and screenshot formats for logos.
What output files are generated?
Includes final static vectors, CSS animations, HTML demos, and more.
Related skills
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
lemo-opuscar
43 film styles, each accompanied by a short film entirely created with code.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
sprite-gen
Generate clean 2D game sprites and animation atlases.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.