← ClaudeAtlas

ios-icon-genlisted

Use when generating PNG icon imagesets (1x/2x/3x plus Contents.json) for Xcode asset catalogs, from SF Symbols (macOS, offline) or the Iconify API (275k+ open-source icons). Covers the bundled generator scripts, Iconify collection prefixes, and common SF Symbol names.
Mixard/fable-pack · ★ 1 · AI & Automation · score 74
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