skills.rest
javiruu
javiruuCOMMUNITY
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.

Updated Mar 26, 2026
Search Tags:#image generation#ios#android#art direction#mobile ui#screen flow#app mockup
One-click install
npx skills add https://github.com/javiruu/viru-air --skill imagegen-frontend-mobile-javiruu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/javiruu/viru-air/tree/main/.agents/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/javiruu/viru-air --skill imagegen-frontend-mobile-javiruu

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 generates cohesive, app-native screen images and multi-screen flow sets with controlled palettes, consistent device mockups, and readable typography. ## Core Features & Use Cases - Multi-Screen Flow Generation: Produces logically ordered screen sets (onboarding, auth, home, checkout) that form a believable user journey with a locked internal design bible. - Platform-Aware Art Direction: Adapts output to iOS-native, Android-native, or cross-platform premium modes with safe-area and navigation awareness. - Controlled Visual System: Enforces clean color palettes, custom-feeling iconography, textured surfaces, readable text sizes, and consistent phone mockup framing across all images. - Use Case: Ask for a 5-screen fintech onboarding-to-dashboard flow and receive five consistent, premium iPhone-framed screen images that share one design system. ## Quick Start Ask the assistant to generate a premium mobile app screen set, for example: create a 4-screen onboarding and home flow for a wellness iOS app in a clean phone mockup.

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 number of screens and the flow type, 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 components stay consistent across the set.

What is the best way to get iOS versus Android app mockups?▼

State the target platform in your request. The skill picks one dominant platform mode, biasing toward iOS-native restraint and tab-bar clarity or Android-native app bars and bottom navigation, and keeps that mode coherent across all screens.

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

No, this skill generates images only. It does not write SwiftUI, React Native, Flutter, or HTML, and it does not switch into coding mode; the output is screen images and screen-flow images exclusively.

Can I get screens without a 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; ask for raw screen-only output if you want borderless presentation.

Why do generated app screens sometimes look inconsistent?▼

Inconsistency happens when no design system is locked between generations. This skill prevents drift by fixing palette logic, type scale, icon style, device frame, and spacing rules before producing the remaining screens in a set.

What are the limitations of AI-generated mobile UI images?▼

Generated images are visual concepts, not buildable specifications, so measurements, assets, and interactions must be recreated by designers or developers. Text rendering in images may also require regeneration when legibility is critical.

Related Skills

Explore More Design & Creative Skills→
telum-aitelum-ai
2

epic-wireframes

Generate ASCII wireframes for epic screens and states from design systems.

Official
Intermediate
AradotsoAradotso
3

figma-flutter-mcp-design-to-code

Extract Figma design tokens, components, and screens into structured Flutter guidance.

Official
Intermediate
BalajitechlabsBalajitechlabs

branding-generator

Generate brand identity kits with logos, color palettes, typography, and naming.

Community
Advanced
TechsioCZTechsioCZ
2

figma-sync-handoff

Flag Figma library or Code Connect follow-up needs after UI-kit component work.

Official
Basic