skills.rest
tanveerriaz
tanveerriazCOMMUNITY
Explore all skills by this author →
GitHub

imagegen-frontend-mobile

Generates premium mobile app screen and flow images for iOS, Android, and cross-platform concepts.

1|Updated Jun 3, 2026
Search Tags:#design system#image generation#ios#android#mobile ui#screen flow#app mockup
One-click install
npx skills add https://github.com/tanveerriaz/Skillz --skill imagegen-frontend-mobile-tanveerriaz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/tanveerriaz/Skillz/tree/main/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/tanveerriaz/Skillz --skill imagegen-frontend-mobile-tanveerriaz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated mobile app mockups often look generic, inconsistent across screens, and unreadable, forcing designers to manually fix layouts, palettes, and device framing for every concept. ## Core Features & Use Cases - Multi-Screen Flow Generation: Produces logically ordered screen sets (onboarding, auth, home, checkout) with a locked design bible so every image belongs to one product system. - Platform-Aware Art Direction: Applies iOS-native, Android-native, or cross-platform design rules including safe areas, navigation patterns, and device mockup framing. - Controlled Visual System: Enforces clean color palettes, readable typography, textured surfaces, custom iconography, and image-led composition while avoiding common AI design clichés. - Use Case: Ask for a five-screen fintech onboarding-to-dashboard flow and receive five consistent, premium phone-mockup images with coherent branding and readable text. ## Quick Start Generate a five-screen premium iOS onboarding and home flow for a calm wellness app with a warm neutral palette.

Frequently Asked Questions about imagegen-frontend-mobile

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate consistent multi-screen mobile app mockups with AI?▼

Lock a design bible before generating: fix the platform mode, palette, typography mood, spacing system, and device frame style. Then generate each screen as a fresh image using those same rules so every screen belongs to one product system.

How to make AI-generated app UI look less generic?▼

Avoid default purple-blue gradients, glassmorphism, and template icon packs. Commit to a specific theme paradigm, controlled palette logic, custom-feeling iconography, textured surfaces, and image-led composition tailored to the app category.

Can this skill generate iOS and Android specific designs?▼

Yes, it supports three platform modes: iOS-native premium, Android-native premium, and cross-platform neutral. Each mode applies appropriate navigation patterns, safe-area handling, and device mockup styles, and one mode should stay dominant per set.

Does this skill write SwiftUI, React Native, or Flutter code?▼

No, this skill generates images only. It explicitly does not produce code, frontend implementations, or image-to-code conversions of any kind.

Why does AI-generated mobile UI text look too small?▼

Text shrinks when too much content is packed into one screen. Fix it by simplifying the layout, reducing content, increasing spacing, enlarging type, or splitting content into an additional screen rather than compressing everything into one image.

When should I not use this mobile image generation skill?▼

Do not use it for websites, landing pages, desktop dashboards, or any code generation task. It is scoped strictly to mobile app screen and flow image concepts.

Related Skills

Explore More Design & Creative Skills→
iljazimakovsiljazimakovs

branding-generator

Generate three brand directions with color palettes, typography, and mood.

Community
Advanced
sitharaj88sitharaj88
1

generate-screen

Generate mobile screens for Jetpack Compose, SwiftUI, React Native, and Flutter.

Community
Advanced
sg6724sg6724

campaign-ideation

Generate three campaign concepts from brand and competitor research.

Community
Intermediate
royvillasanaroyvillasana
34

ai-prototype-prompter

Convert Figma design data into structured prompts for AI UI prototyping tools.

Community
Intermediate