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
Profile →npx skills add nexu-io/open-design --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
The skill generates premium mobile screen images and flow images for app concepts (not code). It targets onboarding, auth, home, profile, settings, chat, ecommerce, fintech, health, productivity, social, and utility screens, producing multiple screens that form a believable flow with consistent design language.
How it works
- It operates as a design-direction tool, producing standalone mobile screen images with an emphasis on app-native feel, readability, controlled color palettes, texture, and iconography.
- It frames the output inside a clean phone mockup by default, ensuring the app content remains the hero.
- It enforces a design bible for consistency across multiple screens, including platform mode, typography, spacing, and navigation behavior.
- It discourages generic UI patterns and urges rich art direction, texture, and deliberate visual treatments.
- It supports multiple screens per request to create believable flows (e.g., onboarding, auth, home; or dashboard → activity → detail).
When to use it
- When you need a sequence of premium mobile screens that form a coherent flow for onboarding, authentication, home dashboards, profile/settings, chat, ecommerce, fintech, health, productivity, or social apps.
- When you want a design-driven look rather than functional UI implementation.
What it can touch
- The output is image-only; no code or interactive assets are produced.
- It uses device mockups and a unified frame style across the set; individual assets are not expected to be interactive.
Caveats
- The skill strictly generates images and does not produce code.
- It aims for a premium, non-generic aesthetic and may not match every existing design system unless guided by the design bible rules.
# 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 nexu-io/open-design --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 nexu-io/open-design, a repository with 83,577 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.