imagegen-mobilelisted
Install: claude install-skill int2t05/engineering-skills
# Imagegen Mobile
Generate premium mobile app screen concepts and flow images — app-native, readable, art-directed —
not generic AI mockups or phone-shaped websites. Output is images only, never code.
## When to use
- Generating mobile app screen concepts and multi-screen flow images
- iOS-native, Android-native, or cross-platform mobile products
- Onboarding, auth, home, profile, settings, chat, commerce, fintech, health, productivity, social apps
- Triggers on "mobile design image", "app screen image", "mobile mockup", "app flow", "移动端设计图", "app 屏幕图", "手机界面图", "移动端流程图"
**Not for:** web design references (use `imagegen-web`); frontend code (use `frontend-design`); brand identity (use `brandkit`).
## Steps
### 1. Set platform mode and screen count
Decide platform mode first — never mix patterns carelessly:
- **iOS-native premium** — clean top areas, tab-bar clarity, safe-area awareness, elegant spacing, restrained chrome, calm hierarchy.
- **Android-native premium** — stronger component rhythm, clear app bar, bottom navigation clarity, sheet logic, firmer framing.
- **Cross-platform premium neutral** — universal navigation patterns, less platform ornament, broadly buildable.
Then lock the screen count. **Screen-first is mandatory**: generate the screen image(s) directly,
never answer with only text or describe the app without generating it.
- 1 screen → 1 image; N screens → N images. Onboarding → multiple distinct screens; auth flow → separate sign in / sign up / reco