app-icon
AI-generated app icons for React Native Expo with iOS 26 Liquid Glass and Android adaptive icon support.
- Generates 1024x1024 transparent PNG icons via SnapAI (OpenAI's image API) with eight preset styles (minimalism, glassy, gradient, neon, material, iOS-classic, pixel, geometric) or custom descriptions
- Creates iOS 26
.iconfolder structure with Liquid Glass configuration, translucency, and shadow effects - Produces Android-optimized adaptive icons by scaling the main icon to 66% safe area and centering on transparent canvas to prevent clipping across device shapes
- Configures both platforms in
app.jsonwith support for Android's Material You theming via monochromeImage field - Requires SnapAI CLI with OpenAI API key (~$0.04 per icon); handles key setup and validation before generation
App Icon Generation Workflow
Overview
Generate professional app icons using AI and configure them for both iOS (with iOS 26 Liquid Glass support) and Android platforms in Expo apps.
Step 0: Verify SnapAI Setup (CRITICAL - DO THIS FIRST)
SnapAI is a free, open-source CLI built by the Code with Beto team. It calls OpenAI's image API directly using your personal API key, which is stored locally at ~/.snapai/config.json. SnapAI ships no telemetry, has no backend server, and collects zero data — your credentials never leave your device.
Before attempting to generate icons, check if SnapAI is configured:
- Check if SnapAI is configured:
npx snapai config --show
More from code-with-beto/skills
local-build
Build a release APK and a simulator .app file locally for a React Native Expo app using gradlew and xcodebuild. Use when the user wants to produce installable artifacts without EAS (for e2e testing, sharing a build with a teammate, or quick iteration on a real device/simulator). Generates two shell scripts wired up to the user's actual app name, scheme, and bundle identifier.
53ship
Scaffold production-ready React Native apps using the @codewithbeto/ship CLI. Use when the user wants to create a new app from a Code with Beto template, scaffold a project with Platano, or run `bunx @codewithbeto/ship`. Always use flag-based (non-interactive) mode — the interactive TUI requires a terminal.
49