imagegen-frontend-mobile

Generate mobile app screen images with consistent design and flow sequencing.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/letxbrace-droid/inrunparis --skill imagegen-frontend-mobile-letxbrace-droid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/letxbrace-droid/inrunparis/tree/main/.agents/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/letxbrace-droid/inrunparis --skill imagegen-frontend-mobile-letxbrace-droid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It replaces generic, template-like mobile mockups with premium, app-native screen imagery that stays readable, consistent, and believable across flows.

Core Features & Use Cases

  • Premium mobile screen image generation: Create high-readability, multi-screen concepts such as onboarding, auth, dashboards, settings, chat, ecommerce, fintech, productivity, and social app flows.
  • Art-directed visual consistency: Enforce a coherent mobile design bible (platform feel, palette logic, typography rhythm, spacing, device framing, and icon style) across multiple generated images.
  • Flow-aware creative composition: Produce enough distinct screens and detail views to match a logical user journey without relying on cropped or repurposed views.

Quick Start

Ask: "Generate a premium iOS-native welcome and onboarding flow for an inrunparis chauffeur planning app, with 4 screens inside clean phone mockups, strong readable hierarchy, and consistent typography and 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 premium mobile UI screens for a multi-app onboarding flow?

To generate premium mobile UI screens, provide a prompt detailing the app type, platform feel, and required screens for your onboarding flow. The tool outputs readable, app-native image concepts with strict design-bible consistency, safe-area-aware layouts, and coherent flow sequencing.

Can I maintain visual consistency across multiple generated mobile app screen concepts?

Yes, visual consistency is maintained across multiple mobile app screen concepts through an enforced mobile design bible. This controls palette logic, typography rhythm, spacing, device framing, and icon style to ensure all generated images share a coherent platform-aware visual hierarchy.

What types of mobile app redesign scenarios are supported for screen concept generation?

Supported mobile app redesign scenarios include onboarding, authentication, dashboards, settings, chat, ecommerce, fintech, health, productivity, and social app flows. The generation process produces distinct screens and detail views matching a logical user journey without relying on cropped views.

Does the tool output usable design files or just image-only outputs for mobile UI?

The tool produces image-only outputs for mobile UI concepts, not editable design files. It focuses on generating high-readability, premium screen imagery that stays believable across flows, replacing generic template-like mockups with art-directed visual compositions.

How do I create a native iOS or Android design concept with safe-area-aware layouts?

To create a native iOS or Android design concept, specify the platform feel in your prompt. The generation process applies safe-area-aware layouts, controlled color and texture, and platform-specific visual hierarchy to produce clean phone mockups with readable typography.

What is the best way to design a multi-screen user journey for a fintech app?

The best way to design a multi-screen user journey for a fintech app is to request flow-aware creative composition. This generates enough distinct screens and detail views to match the logical user journey, ensuring readable hierarchy and consistent typography across the entire flow.