mcpField
S
sprite-sheet-generator

sprite-sheet-generator

github.com/dkyazzentwatwaCreative & media12480 installsUpdated 29w ago
Repository

About sprite-sheet-generator

A Python tool and CLI that combines images into sprite sheets and generates corresponding CSS classes. It supports grid layouts, placement optimization, transparency, spacing controls, and batch processing.

Key features

  1. 01Automatic or custom grid layouts
  2. 02Optimizes sprite placement
  3. 03Generates CSS classes
  4. 04Preserves transparent backgrounds
  5. 05Controls padding and margins
  6. 06Processes multiple sprite sets

Use cases

  1. 01Build sprite sheets from icon directories
  2. 02Generate CSS classes for website sprites
  3. 03Create sheets while preserving transparency
  4. 04Process several sprite sets in batches

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/dkyazzentwatwa/chatgpt-skills --skill sprite-sheet-generator

After installing, type/sprite-sheet-generatorin Claude Code to confirm it loaded.

Bundled filesscripts/requirements.txtscripts/sprite_sheet_generator.py

Details

From the project README

Sprite Sheet Generator

Combine multiple images into optimized sprite sheets with CSS generation.

Features

  • Grid Layouts: Auto or custom grid arrangements
  • Smart Packing: Optimize sprite placement
  • CSS Generation: Auto-generate sprite CSS classes
  • Transparent Backgrounds: Preserve alpha channels
  • Padding/Margins: Control spacing between sprites
  • Batch Processing: Process multiple sprite sets

Quick Start

from sprite_sheet_generator import SpriteSheetGenerator

gen = SpriteSheetGenerator()
gen.add_images_from_dir('icons/')
gen.generate(output='sprites.png', grid=(4, 4))
gen.generate_css('sprites.css', class_prefix='icon')

CLI Usage

python sprite_sheet_generator.py --input icons/ --output sprites.png --grid 4x4 --css sprites.css

Dependencies

  • pillow>=10.0.0

Comments

Markdown supported