imagegen-frontend-mobile

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

Updated Jun 11, 2026
One-click install
npx skills add https://github.com/dylinmat/design-skills-plugin --skill imagegen-frontend-mobile-dylinmat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/dylinmat/design-skills-plugin/tree/main/plugins/design/skills/imagegen-frontend-mobile
Command: npx skills add https://github.com/dylinmat/design-skills-plugin --skill imagegen-frontend-mobile-dylinmat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated mobile app mockups often look generic, inconsistent across screens, unreadable, or like websites squeezed into a phone frame. This Skill provides a disciplined art-direction framework for generating premium, app-native mobile screen images and multi-screen flows that stay consistent, readable, and believable. ## Core Features & Use Cases - Multi-screen flow generation: Produces complete, logically ordered screen sets (onboarding, auth, home, checkout, etc.) with a locked design bible so every screen belongs to one product system. - Platform-aware art direction: Chooses iOS-native, Android-native, or cross-platform premium modes with safe-area, navigation, and device-mockup discipline. - Controlled visual system: Enforces clean color palettes, readable typography, texture and imagery rules, and anti-AI-tell constraints to avoid generic template output. - Use Case: Ask for a 5-screen onboarding and home flow for a wellness iOS app, and receive five consistent, readable screen images presented in clean iPhone mockups. ## 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 with AI images?

Request the specific screens you need, such as onboarding, sign in, and home, and the skill generates each as a separate image. It locks a design bible covering palette, typography, and components so all screens belong to one consistent product system.

What tool creates consistent mobile app mockups across multiple screens?

This skill enforces multi-screen consistency through a design bible rule covering palette, type scale, icon style, and device framing. Each new screen is freshly generated rather than cropped from a larger board, preserving readability and proportions.

Does it support both iOS and Android app design styles?

Yes, it selects one platform mode per concept: iOS-native premium, Android-native premium, or cross-platform neutral. iOS mode emphasizes safe areas and tab-bar clarity, while Android mode uses stronger app bar and bottom navigation structure.

Can this skill generate code from the mobile designs?

No, it generates images only and explicitly does not produce SwiftUI, React Native, Flutter, or HTML code. For implementation, pair the generated screens with a separate image-to-code or frontend development skill.

Why do AI-generated app mockups often look generic?

Default AI output tends toward purple-blue gradients, fake fintech dashboards, cluttered cards, and tiny unreadable text. This skill counters those patterns with palette discipline, readability rules, texture guidance, and non-generic art direction settings.