app-icon

SKILL.md

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 .icon folder 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.json with 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