skills.rest
desarrolloainia
desarrolloainiaCOMMUNITY
Explore all skills by this author →
GitHub

imagegen-frontend-mobile

Generates premium mobile app screen and flow images for iOS and Android concepts.

Updated Sep 14, 2026
Search Tags:#image generation#iOS#Android#mockup#mobile UI#art direction#app design
One-click install
npx skills add https://github.com/desarrolloainia/nuevo_circuito_mir --skill imagegen-frontend-mobile-desarrolloainia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/desarrolloainia/nuevo_circuito_mir/tree/main/frontend/.agents/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/desarrolloainia/nuevo_circuito_mir --skill imagegen-frontend-mobile-desarrolloainia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing polished, consistent mobile app screen concepts is slow and generic AI image output often produces unreadable text, inconsistent design systems, and template-like results. This Skill directs image generation toward app-native, readable, multi-screen mobile UI concepts with controlled palettes and clean device mockups. ## Core Features & Use Cases - Multi-Screen Flow Generation: Produces logically ordered screen sets such as onboarding, auth, home, detail, and checkout flows with a locked internal design bible for consistency. - Platform-Aware Art Direction: Chooses iOS-native, Android-native, or cross-platform premium modes and enforces safe-area, navigation, and readability rules. - Controlled Visual System: Applies disciplined color palettes, texture, iconography, typography, and clean phone mockup framing while avoiding common generic AI design tells. - Use Case: Ask for a five-screen fintech onboarding and home flow, and receive five consistent, readable iPhone-mockup screen images that form a believable product walkthrough. ## Quick Start Generate a five-screen premium iOS onboarding and home flow for a calm fitness tracking app shown in clean iPhone mockups.

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 a multi-screen mobile app flow with AI images?▼

Request the specific screens or flow you need, such as onboarding, auth, and home. The Skill generates each screen as a separate image, locks a consistent design bible across the set, and orders screens into a believable user journey.

What image styles work for iOS versus Android app concepts?▼

iOS mode biases toward clean top areas, tab-bar clarity, and restrained chrome, while Android mode uses stronger app bars, bottom navigation, and card/list structure. Pick one dominant platform feel per set to keep the design coherent.

Can this Skill generate code from the mobile screen images?▼

No, this Skill generates images only and does not produce SwiftUI, React Native, Flutter, or HTML code. It is strictly an art-direction and image-generation tool for mobile screen concepts.

Does it show screens inside phone mockups or as raw screens?▼

By default, screens are presented inside a clean, premium iPhone or Android-style mockup with a visible frame and even margins. Raw screen-only output is only used when explicitly requested or when the concept benefits from borderless presentation.

Why does AI-generated mobile UI often have unreadable small text?▼

Small text happens when too much content is compressed into one screen. This Skill enforces minimum text size discipline, splits content across additional screens when needed, and regenerates screens rather than shrinking type to fit.

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

Avoid it for websites, landing pages, desktop dashboards, or image-to-code tasks, which are explicitly out of scope. It is designed only for mobile app screen and flow imagery, not frontend implementation.

Related Skills

Explore More Design & Creative Skills→
mhfedmhfed

imagegen-frontend-mobile

Design mobile app screen imagery for iOS and Android product flows.

Community
Advanced
sitharaj88sitharaj88
1

generate-screen

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

Community
Advanced
NalinDalalNalinDalal
1

imagegen

Generates design reference images for web sections, mobile screens, brand kits, and image-to-code builds.

Community
Intermediate
Sir-chawakornSir-chawakorn
33

screenshot-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate