Sprite Forge

Turn any pixel-art image (real or AI-generated) into clean game sprites, new poses and animations (idle, walk) that keep the character consistent. Use when asked to extract a character from a screenshot, make a sprite, re-pose a sprite, animate a pixel character, build a walk/idle cycle, or put an animated sprite back into its scene.

5 stars 1 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add isabellagreco1997/sprite-forge --skill sprite-forge

Manual install

git clone --depth 1 https://github.com/isabellagreco1997/sprite-forge.git /tmp/sprite-forge
mkdir -p ~/.claude/skills
cp -r /tmp/sprite-forge/. ~/.claude/skills/sprite-forge

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# sprite-forge — playbook

Tools live in `spriteforge/` (Python: Pillow, numpy, scipy; ffmpeg for mp4). Read this whole file before touching pixels. Every rule below was paid for with a wrong render.

## Detailed artwork / requested new animation frames

For larger portraits, title-screen layers, palettes above 62 colors, or requests for newly drawn frame animation, first read [docs/DETAILED_ART.md](docs/DETAILED_ART.md). Correct the static art before animating. Preserve fixed registration, author the moving contours and shading as explicit keyframes, and use code for assembly/playback. Do not present region shifts or whole-image transforms as a substitute for requested new drawings. Use `frame_report` for measurements, then inspect the rendered loop and scene.

## 0. Order of checks (do them in THIS order)

1. **View angle** — is the body front-on, 3/4, or profile? Every part you draw must match. A 3/4 torso gets overlapping profile legs (far leg behind, near leg in front), never two front-view legs side by side.
   **Depth:** the leg on the camera side is the near one. Facing screen-right she shows her left side, so her *left* leg is near: it sits on screen-left, is drawn last and full size, and its boot overlaps the far leg. The far leg is one column narrower, without highlight, partly hidden. Get this backwards and the character looks like she's standing on the wrong leg.

Read the full skill on GitHub

Details

Skill name: sprite-forge
Repository: isabellagreco1997/sprite-forge
License: MIT
Repo updated: 5 September 2026

FAQ

What does the Sprite Forge skill do?

How do I install the Sprite Forge skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add isabellagreco1997/sprite-forge --skill sprite-forge. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Sprite Forge popular?

It lives in isabellagreco1997/sprite-forge, which has 5 GitHub stars and 1 forks.

Related skills

Toutour

matt-ye/Toutour

Add a spotlight onboarding tour to any website. Analyzes the site's layout, tabs and UI components, interviews the developer (step granularity, mask, languages, theming, trigger mode, library), then generates and Playwright-verifies a guided tour. Use when the user asks for an onboarding tour, product tour, guided walkthrough, coach marks, feature introduction overlay, or says users can't figure out their site.

Frontend & Design

Mente Designer

eulucasduty/mente-designer

DNA de design de 20 sites premium (engenharia reversa via DevTools) — a fórmula Webflow/HTML + Lenis + GSAP/ScrollTrigger destilada em leis, calibres medidos e 22 efeitos nomeados com código. Use ao criar landing pages animadas, sites com scrollytelling, heroes tipográficos, vídeo-fundo, marquees, pin/scrub ou qualquer página que precise de "feel" de agência de elite.

Frontend & Design

AI UIconfig Skill

voderment/AI-UIconfig-skill

Refactor an existing SwiftUI project into a governed UI architecture with render-state boundaries, tokenized styling, preview mocks, and a debug-only runtime tuning + writeback tool. Use when the user wants to improve UI maintainability, live-tune styles, or build a reusable UI debugging workflow without changing the product's visual intent.

Frontend & Design

Frontend

adamholter/frontend-skill

Always read anytime you're making any UI the user will see, whether that's a one-off HTML file or a tool they're building. Any visual artifact at all.

Frontend & Design

Ascii Shader Tsx

Codeptor/ascii-shader-tsx

Generate animated ASCII art, dithered visuals, and shader-like effects as self-contained React/TSX components. Use when the user wants to create ASCII backgrounds, dithered image/video effects, CRT/retro overlays, matrix rain, noise fields, halftone patterns, particle systems, braille art, terminal aesthetics, or any text/character-based visual effect for the web. Supports both generative (procedural, no input) and source-based (images, video, webcam to ASCII) modes. Also triggers when the user wants to convert an image to ASCII, add a dither effect, create a canvas shader component, build a r

Frontend & Design

Art Director

NewenergyEric/art-director-skill

Help art directors turn references, taste and samples into a shareable project pack, then guide teammates and agents to create, review and deliver consistent components. Use for art-direction setup, visual systems, multi-category production and revisions in games, UI and campaigns.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.