imagegen-frontend-mobile

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

Updated Aug 1, 2026
One-click install
npx skills add https://github.com/dxiiren/project-skeleton --skill imagegen-frontend-mobile-dxiiren
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: imagegen-frontend-mobile
Source: https://github.com/dxiiren/project-skeleton/tree/main/.claude/skills-optional/taste-skill/imagegen-frontend-mobile
Command: npx skills add https://github.com/dxiiren/project-skeleton --skill imagegen-frontend-mobile-dxiiren

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 visual styles across screens. This Skill generates cohesive, app-native mobile screen images and multi-screen flow sets with controlled palettes, consistent design systems, and clean phone mockup framing. ## 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: Supports iOS-native, Android-native, and cross-platform premium modes with safe-area awareness and platform-appropriate navigation patterns. - Consistency and Readability Discipline: Enforces readable text sizes, controlled color palettes, consistent device mockup framing, and non-generic visual identity across every generated image. - Use Case: Ask for a five-screen fintech onboarding flow and receive five distinct, consistently styled iPhone mockup images with a coherent palette, typography system, and logical screen progression. ## Quick Start Generate a five-screen premium iOS onboarding flow for a meditation app with a calm wellness palette and 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?

Request the number of screens and the flow type, such as a five-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 design iOS vs Android app mockups?

Choose one platform mode upfront: iOS-native mode biases toward tab bars, safe areas, and restrained chrome, while Android-native mode uses stronger app bars, bottom navigation, and Material-like structure. Mixing patterns within one set is avoided.

Can this skill generate code from the mobile designs?

No. This skill generates images only and explicitly does not produce SwiftUI, React Native, Flutter, or HTML code. It is purely an art-direction and image-generation skill for mobile screen concepts.

Why do AI-generated app screens often look generic?

Common AI tells include purple-blue gradients, fake fintech dashboards, cloned screens, tiny unreadable text, and default icon sets. This skill counters them with controlled palettes, custom-feeling iconography, texture, and enforced readability rules.

When should I not use phone mockup framing?

Device frames are shown by default, but they can be omitted when you explicitly request raw screen-only output, borderless presentation, or UI sheets and assets instead of full phone compositions.