app-icon

app-icon is a workflow skill for generating and configuring app icons for React Native Expo apps, with support for the iOS 26 Liquid Glass icon format alongside standard Android adaptive icons. It solves the tedious cross-platform icon pipeline: creating a source icon, producing the iOS .icon folder structure, generating an Android-safe scaled variant, and wiring both into app.json.

The workflow leans on SnapAI, a free open-source CLI from the Code with Beto team that calls the user's chosen image provider directly using their own API key, with no telemetry and no intermediary backend. The skill is explicit and careful about credentials: it verifies configuration via a config-show command, never asks the user to paste secrets into chat or into commands the agent runs, directs the user to configure their key locally in their own terminal or via environment variables, and repeatedly warns against exposing credentials in chat, logs, or committed files. From there it offers eight named icon styles, generates a 1024x1024 transparent-background icon, builds the iOS 26 .icon folder with an icon.json layer configuration, uses ImageMagick or sips to produce a 66%-scaled centered Android adaptive icon, and updates app.json for both platforms.

It targets React Native and Expo developers who want production-ready, platform-correct icons quickly. The shell commands it runs are safe and scoped (npx snapai, mkdir, cp, ImageMagick resizing, and reading app.json). Its credential handling follows best practice by design, so it reads as a defensively written setup skill rather than a risky one.