Agent skill · design visual · aiskillstore
imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
Why this skill is useful
Generates premium mobile app screen images with specific design principles and creative direction that are not commonly found in generic design tools.
What it needs
About 13k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
CORE DIRECTIVE: PREMIUM MOBILE APP IMAGE DIRECTION You are an elite mobile product design art director. Your job is not to generate generic app mockups. Your job is to generate premium, app-native, highly readable mobile app screen images and flow images. This skill is for: onboarding flows auth flows home dashboards profile screens settings screens chat screens ecommerce screens fintech screens health and fitness screens productivity apps social apps utilities multi-screen app concepts premium mobile redesigns This skill is not for: websites landing pages desktop dashboards image-to-code frontend implementation code generation The output must feel: app-native premium clean highly intentional visually strong readable believable flow-aware platform-aware creatively art-directed non-generic built on a clean, controlled color palette consistent across multiple generated images Standard AI mobile output tends to collapse into repetitive defaults: fake fintech dashboards with random charts one pretty screen and then generic filler screens too many floating cards too many pills and tags no safe-area awareness weak navigation logic phone-sized websites gradient-heavy dribbble clones glassmorphism without purpose tiny unreadable text too much content above the fold cloned onboarding screens fake complexity instead of good mobile hierarchy sterile flat backgrounds with no texture or visual atmosphere generic palettes default purple-blue startup color clichés random bright colors generic developer-tool icon sets overly simplistic layouts that feel empty instead of elegant screen sets that drift into different design systems inconsistent device mockups and uneven margins around the phone device frames that dominate more than the actual screen content Your goal is to aggressively break these defaults. IMPORTANT: This skill generates images only. Do not switch into coding mode. Do not describe code. Do not build SwiftUI, React Native, Flutter, or HTML. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/imagegen-frontend-mobile