skills.rest
singhaganesh
singhaganeshCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

imagegen-frontend-mobile

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

Updated Jul 7, 2026
Search Tags:#image generation#ios#android#mobile app design#art direction#screen flow#ui mockup
One-click install
npx skills add https://github.com/singhaganesh/Urban-assist --skill imagegen-frontend-mobile-singhaganesh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/singhaganesh/Urban-assist/tree/main/.cursor/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/singhaganesh/Urban-assist --skill imagegen-frontend-mobile-singhaganesh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing mobile app concepts often produces generic, inconsistent mockups with unreadable text, weak navigation logic, and drifting design systems across screens. This Skill directs image generation toward premium, app-native mobile screens with controlled palettes, consistent design systems, and believable multi-screen flows. ## Core Features & Use Cases - Multi-Screen Flow Generation: Produces logically ordered screen sets (onboarding, auth, home, checkout) that form a believable user journey rather than random screens. - Design System Consistency: Locks an internal design bible covering palette, typography, spacing, iconography, and device framing so every screen belongs to one product world. - Platform-Aware Art Direction: Chooses iOS-native, Android-native, or cross-platform premium modes with safe-area awareness and clean phone mockup framing. - Use Case: Ask for a 5-screen onboarding and home flow for a wellness app, and receive five consistent, readable screens in matching iPhone mockups with a controlled palette and varied compositions. ## Quick Start Generate a premium iOS onboarding flow with 4 screens for a meditation app, shown inside clean iPhone mockups with a calm 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 a multi-screen mobile app flow?▼

Request the specific flow and screen count, such as a 5-screen onboarding-to-home flow. The skill generates each screen as a separate image with a locked design bible so palette, typography, and device framing stay consistent across the set.

What types of mobile app screens can be generated?▼

Supported screens include onboarding, auth, home dashboards, profiles, settings, chat, ecommerce, fintech, health, productivity, and social app screens. It targets iOS, Android, and cross-platform concepts presented inside clean phone mockups.

Does this skill generate code like SwiftUI or React Native?▼

No, this skill generates images only. It explicitly does not write SwiftUI, React Native, Flutter, or HTML code, and it does not perform image-to-code conversion or frontend implementation.

Can I get screens without the phone mockup frame?▼

Yes, but only on explicit request. By default every screen is shown inside a clean iPhone, Android, or generic phone mockup with even margins, and the frame is removed only when you ask for raw screen-only output.

Why do generated screen sets sometimes look inconsistent?▼

Inconsistency happens when no design bible is locked before generating multiple screens. This skill enforces consistency rules covering palette, type scale, spacing, icon style, and device scale so later screens do not drift into a different product.

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

Avoid it for websites, landing pages, desktop dashboards, or any coding task. It is scoped to mobile app screen imagery and flow concepts, not web design or implementation work.

Related Skills

Explore More Design & Creative Skills→
iljazimakovsiljazimakovs

branding-generator

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

Community
Advanced
ceorkmceorkm
216

mobile-app-ui-design

Translate mobile app UI/UX problems into structured specifications for screens, flows, and components.

Community
Advanced
Veloxia-agencyVeloxia-agency

brand-guidelines

Audit and document brand guidelines for logos, colors, typography, imagery, and tone of voice across channels and co-branded materials.

Community
Advanced
reason-machinesreason-machines
4

prototype-to-figma-skill

Convert code prototypes into annotated Figma frames with design system component mapping.

Official
Advanced