Agent skill
sprite-sheet-generator
Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/sprite-sheet-generator
SKILL.md
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?