Icons in Skip projects. The hard rule: never use Image(systemName:) or Label(, systemImage:). SF Symbols are an Apple-only catalogue with no Android equivalent; the names you pass to systemName: / systemImage: will not resolve on Android and most will render as a blank or generic-placeholder glyph. The canonical replacement is to download Material Symbols from fonts.google.com/icons in Apple symbolset format, drop the .symbolset/ bundle under Sources/ /Resources/Icons.xcassets/, and render with Image("name", bundle: .module) inside the localisation-correct Label { Text(..., bundle: .module) } icon: { Image(...) } form. The same SVG ships to both platforms and looks identical. Also covers app launcher icons via skip icon and how to verify in-app icons render on both platforms. The full .symbolset format spec (download URLs per variant, Contents.json schemas, verification checks) is in references/symbolset-anatomy.md. references/sf-symbol-map.md explains what SkipUI does with systemName: internally — it is not a "safe-to-use" list. Use this skill whenever adding, replacing, or auditing icons in a Skip app or library.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryGeneralStars0
About this skill
Icons in Skip projects. The hard rule: never use Image(systemName:) or Label(, systemImage:). SF Symbols are an Apple-only catalogue with no Android equivalent; the names you pass to systemName: / systemImage: will not resolve on Android and most will render as a blank or generic-placeholder glyph. The canonical replacement is to download Material Symbols from fonts.google.com/icons in Apple symbolset format, drop the .symbolset/ bundle under Sources/ /Resources/Icons.xcassets/, and render with Image("name", bundle: .module) inside the localisation-correct Label { Text(..., bundle: .module) } icon: { Image(...) } form. The same SVG ships to both platforms and looks identical. Also covers app launcher icons via skip icon and how to verify in-app icons render on both platforms. The full .symbolset format spec (download URLs per variant, Contents.json schemas, verification checks) is in references/symbolset-anatomy.md. references/sf-symbol-map.md explains what SkipUI does with systemName: internally — it is not a "safe-to-use" list. Use this skill whenever adding, replacing, or auditing icons in a Skip app or library.
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Icons in Skip projects. The hard rule: never use `Image(systemName:)` or `Label(_, systemImage:)`. SF Symbols are an Apple-only catalogue with no Android equivalent; the names you pass to `systemName:` / `systemImage:` will not resolve on Android and most will render as a blank or generic-placeholder glyph. The canonical replacement is to download Material Symbols from `fonts.google.com/icons` in **Apple symbolset format**, drop the `.symbolset/` bundle under `Sources/<Module>/Resources/Icons.xcassets/`, and render with `Image("name", bundle: .module)` inside the localisation-correct `Label { Text(…, bundle: .module) } icon: { Image(…) }` form. The same SVG ships to both platforms and looks identical. Also covers app launcher icons via `skip icon` and how to verify in-app icons render on both platforms. The full `.symbolset` format spec (download URLs per variant, `Contents.json` schemas, verification checks) is in references/symbolset-anatomy.md. references/sf-symbol-map.md explains what SkipUI does with `systemName:` internally — it is **not** a "safe-to-use" list. Use this skill whenever adding, replacing, or auditing icons in a Skip app or library.
About this listing
Category
General
Reported license
Apache-2.0
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI