pixelfx
244 pixel art effects, each a small code snippet with customizability.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.3k
- Source
- skill-github
- Repository
- github.com/patch-gg/pixelfx
Overview
pixelfx offers 244 pixel art effects and animations, each a standalone small code snippet. These include fire, explosion, magic, weather, UI, and more. Effects can be played in real time, recolored, mirrored, and directly used in browser games or exported as sprite sheets. It also includes a Claude Code skill to generate new pixel art effects based on your needs. Ideal for developers looking to add pixel art effects to their projects.
Capabilities
- ▪244 pixel art effects
- ▪Real-time playback and editing
- ▪Export sprite sheets
- ▪Custom generation of new effects
Use cases
Setup
npm i github:patch-gg/pixelfx
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to use these effects in a browser game?
Import the code and call the corresponding function.
How to export a sprite sheet?
Use the `node tools/render.mjs <effect> --sheet` command.
Related skills
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
motion-skills
56 open-source skills to teach your AI coding agent to create dynamic graphics, animations, and videos.
unslop
Transform AI-style UI into uniquely designed interfaces.
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.