Imagegen Frontend Mobile

This generates mobile app screen mockups as images, not code. It's built to avoid the usual AI mobile design traps: unreadable text, inconsistent styling across screens, generic purple gradients, and phone frames that dwarf the actual content. The skill pushes hard on readability, controlled color palettes, texture, and visual consistency across multi-screen flows. It handles iOS, Android, and cross-platform concepts with platform-aware defaults. Works well for onboarding flows, dashboards, settings screens, and full product redesigns. The configuration is tuned aggressive on art direction and clarity, conservative on density and safe-area discipline. You're getting images only, so don't expect SwiftUI or React Native output.

skills.sh installs: 1.8K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill imagegen-frontend-mobile --agent claude-code

Installs into .claude/skills of the current project.

Files

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: