# Adding Asset Sheets

> Add new sprite sheets to the isometric city renderer, including building types, sprite pack config, rendering hooks, UI tools, and simulation sizes. Use when adding asset sheets, sprite packs, or new buildings to the isometric city game.

- Skill: `simplefarmer69/adding-asset-sheets` (Agent Skill)
- Install (CLI): `npx skillmds@latest add simplefarmer69/adding-asset-sheets`
- Raw SKILL.md: https://api.skillmd.com/api/skills/simplefarmer69/adding-asset-sheets/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: simplefarmer69 (https://skillmd.com/u/simplefarmer69)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/simplefarmer69/adding-asset-sheets

---


# Adding Asset Sheets

## Quick Start

Follow this workflow when introducing a new sprite sheet (with or without construction variants):

1. Place PNGs in `/public/assets/`
2. Add new `BuildingType`/`Tool` entries + `TOOL_INFO` + `BUILDING_STATS` in `src/types/game.ts`
3. Configure the sprite pack in `src/lib/renderConfig.ts`
4. Update render logic to load and select the new sheet
5. Add tools to sidebar + mobile toolbar categories
6. Map tools to buildings in `src/context/GameContext.tsx`
7. Add building sizes in `src/lib/simulation.ts`

## Reference

For the full checklist, examples, and snippets, see `reference.md`.