Imagegen Frontend Mobile
Generate premium, readable mobile app screen and flow images (onboarding, dashboards, fintech, etc.) inside phone mockups—images only, no code.
Overview
Imagegen Frontend Mobile is an agent skill most often used in Validate (also Build docs, Launch ASO visuals) that generates premium, phone-framed mobile app screen and flow images without writing code.
Install
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-mobileWhat is this skill?
- Mobile-only art direction: iOS/Android/cross-platform screen and flow images
- Defaults to subtle premium iPhone-style phone mockup framing with focus on in-app content
- Enforces clean hierarchy, readable type, controlled palettes, textured surfaces, and custom iconography
- Covers onboarding, auth, home, profile, settings, chat, ecommerce, fintech, health, productivity, and social patterns
- Explicitly excludes websites, landing pages, desktop dashboards, and any code or image-to-code output
Adoption & trust: 63.5k installs on skills.sh; 37.9k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need convincing mobile UI concepts and multi-screen flows but generic mockups look like template apps and hurt fundraising or store positioning.
Who is it for?
Indie mobile founders validating UX direction, designers exploring premium redesigns, or marketers needing app-native visuals without a Figma build.
Skip if: Web or desktop UI, landing pages, production frontend implementation, or image-to-code generation workflows.
When should I use this skill?
Creating premium mobile app screen or flow images for iOS/Android products with phone mockup framing; not for websites or code.
What do I get? / Deliverables
You receive cohesive, premium mobile screen images in phone mockups suitable for pitches, redesign exploration, and creative briefs before engineering starts.
- Premium framed mobile screen images
- Multi-screen flow visual sets with consistent art direction
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Canonical shelf is Validate because the skill produces visual prototypes and flow concepts before implementation commits. Output is multi-screen app concepts and redesign directions used to test look-and-feel, not shipped frontend bundles.
Where it fits
Generate a three-screen onboarding flow in phone frames to test readability before hiring a mobile dev.
Produce home and settings concepts to align feature scope with a premium visual bar.
Create reference mocks for engineers documenting intended hierarchy and palette.
Explore App Store screenshot compositions with consistent device framing and typography.
How it compares
Visual art-direction for mobile screens—not a React Native/Flutter coding skill or generic DALL·E prompt dump.
Common Questions / FAQ
Who is imagegen-frontend-mobile for?
Solo builders and designers shipping iOS, Android, or cross-platform apps who want high-end screen and flow images before development.
When should I use imagegen-frontend-mobile?
In Validate to prototype onboarding and core flows; in Build for design alignment; in Launch when exploring store screenshots and promotional app visuals.
Is imagegen-frontend-mobile safe to install?
Use the Security Audits panel on this Prism page; image-generation skills may trigger external model APIs—review permissions and provider policies yourself.
SKILL.md
READMESKILL.md - Imagegen Frontend Mobile
# 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. Generate mobile screen images and screen-flow images only. --- ## 1. ACTIVE BASELINE CONFIGURATION - DESIGN_VARIANCE: 8 `(1 = rigid / standard, 10 = highly art-directed / varied)` - VISUAL_DENSITY: 3 `(1 = airy / calm, 10 = dense / packed)` - ART_DIRECTION: 9 `(1 = safe utility UI, 10 = bold premium mobile statement)` - PLATFORM_AWARENESS: 9 `(1 = generic phone UI, 10 = strongly app-native)` - FLOW_VARIETY: 8 `(1 = repeated screen templates, 10 = clearly differentiated screen rhythm)` - IMAGE_GENERATION_EAGERNESS: 10 `(1 = minimal screens, 10 = generate as many screens and detail views as needed)` - SPACING_GENEROSITY: 9 `(1 = tight, 10 = spacious and breathable)` - CLARITY_DISCIPLINE: 10 `(1 = loose vibe, 10 = highly readable, structured, and clean)` - IMAGE_CREATIVITY: 9 `(1 = minimal image involvement, 10 = strongly art-directed imagery and creative visual treatments)` - TEXTURE_STRENGTH: 7 `(1 = perfectly flat, 10 = rich tactile/noisy/textured surfaces)` - COLOR_PALETTE_DISCIPLINE: 10 `(1 = random or muddy color use, 10 = always clean, controlled, premium palette logic)` - NON_GENERICITY: 10 `(1 = acceptable to look standard, 10 = must feel d