ios-icon-genlisted
Install: claude install-skill Mixard/fable-pack
# iOS Icon Generator
Generate Xcode-compatible PNG imagesets from two sources. Both produce the same output structure:
```
<output-dir>/<asset-name>.imageset/
Contents.json
<asset-name>.png # 1x (68px default)
<asset-name>@2x.png # 2x (136px)
<asset-name>@3x.png # 3x (204px)
```
| Source | Icons | Requires | Best for |
|--------|-------|----------|----------|
| Iconify API | 275,000+ from 200+ collections | Internet | Wide selection, specific styles |
| SF Symbols | 5,000+ Apple symbols | macOS only | Apple-native style, offline |
Scripts live in this skill's `scripts/` directory (`$SKILL_DIR` below).
## Workflow
### 1. Match existing style first
Check dimensions/color/weight of icons already in the project:
```bash
sips -g pixelWidth -g pixelHeight path/to/existing@2x.png
```
### 2. Search
Iconify:
```bash
$SKILL_DIR/scripts/iconify_gen.sh search "receipt"
$SKILL_DIR/scripts/iconify_gen.sh search "business card" --prefix mdi
$SKILL_DIR/scripts/iconify_gen.sh collections
```
SF Symbols — browse the SF Symbols app, or common names:
| Use Case | Symbol Name |
|----------|-------------|
| Document | `doc.text`, `doc.fill` |
| Receipt | `doc.text.below.ecg`, `receipt` |
| Person | `person.crop.rectangle`, `person.text.rectangle` |
| Camera | `camera`, `camera.fill` |
| Scan | `doc.viewfinder`, `qrcode.viewfinder` |
| Settings | `gearshape`, `slider.horizontal.3` |
### 3. Preview (optional)
```bash
$SKILL_DIR/scripts/iconify_gen.sh preview mdi