# Sprite Sheet Generator

> Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.

- Skill: `majiayu000/sprite-sheet-generator` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/sprite-sheet-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/sprite-sheet-generator/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/sprite-sheet-generator

---


# 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

```python
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

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

## Dependencies

- pillow>=10.0.0