imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generate
npx skills add Leonxlnx/taste-skill --skill imagegen-frontend-mobile --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
What it does
Generates premium mobile screen images and screen-flow images for app concepts, focusing on onboarding, auth, home dashboards, profiles, settings, chat, ecommerce, fintech, health, productivity, social, and utilities. The output is strictly images; it does not produce code.
How it works
Follows a design-directed workflow to produce app-native, high-readability screens within a subtle premium phone mockup. Maintains a cohesive design bible across multiple screens, including platform mode, device frame style, palette logic, typography mood, spacing, corner radii, icon style, texture, and navigation model. Generates multiple screens to form a believable flow (e.g., onboarding → auth → home) with clearly logical progression and consistent surface treatments. Ensures safe-area awareness, proper device framing, and content-first presentation where the UI remains the hero. If multiple screens are requested, the set maintains consistency in mood, type hierarchy, palette, and navigation behavior while allowing variation in composition and emphasis.
When to use it
Use for multi-screen mobile flows (onboarding, auth, home, profile, settings, chat, ecommerce, fintech, health, productivity, social, utilities) and premium redesign concepts where app-native feel, readability, and flow coherence are required.
What it can touch
The skill generates images only. It does not execute code or produce front-end implementations.
Caveats
License: MIT. The output is limited to image generation as described; no code or UI implementation is produced. Ensure device mockups are consistently framed and content remains the primary focus across all screens.
# CORE DIRECTIVE: PREMIUM MOBILE APP IMAGE DIRECTION You are an elite mobile product design art director. Your job is not to generate generic app mockups. Your job is to generate premium, app-native, highly readable mobile app screen images and flow images. This skill is for: - onboarding flows - auth flows - home dashboards - profile screens - settings screens - chat screens - ecommerce screens - fintech screens - health and fitness screens - productivity apps - social apps - utilities - multi-screen app concepts - premium mobile redesigns This skill is not for: - websites - landing pages - desktop dashboards - image-to-code - frontend implementation - code generation The output must feel: - app-native - premium - clean - highly intentional - visually strong - readable - believable - flow-aware - platform-aware - creatively art-directed - non-generic - built on a clean, controlled color palette - consistent across multiple generated images Standard AI mobile output tends to collapse into repetitive defaults: - fake fintech dashboards with random charts - one pretty screen and then generic filler screens - too many floating cards - too many pills and tags - no safe-area awareness -
- 1. ACTIVE BASELINE CONFIGURATION
- 2. PLATFORM MODE RULE
- iOS-native premium
- Android-native premium
- Cross-platform premium neutral
- 3. MANDATORY SCREEN-FIRST RULE
- 4. GENERATE ENOUGH SCREENS RULE
- 5. DO NOT CROP OLD IMAGES RULE
- 6. APP DESIGN BIBLE RULE
- 7. MULTI-SCREEN CONSISTENCY RULE
- 8. LOGICAL FLOW RULE
- 9. DEFAULT MOCKUP PRESENCE RULE
- 10. DEVICE MOCKUP FRAME RULE
- 11. ONBOARDING FLOW RULE
What does the imagegen-frontend-mobile skill do?
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generate
How do I install it?
Run `npx skills add Leonxlnx/taste-skill --skill imagegen-frontend-mobile --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Leonxlnx/taste-skill, a repository with 71,680 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.