← ClaudeAtlas

imagegen-mobilelisted

Mobile app screen and flow image generation — iOS/Android/cross-platform concepts with phone mockup framing, clean hierarchy, and strong multi-screen consistency. Triggers on "mobile design image", "app screen image", "mobile mockup", "app flow", "移动端设计图", "app 屏幕图", "手机界面图", "移动端流程图".
int2t05/engineering-skills · ★ 3 · AI & Automation · score 74
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