mobile-app-ui-design
mobile app ui design
What it does
- What type of app? (fitness, finance, social, productivity, health, crypto, etc.)
- Who is the user? (new, returning, power user — adapt the experience)
- What's the primary action on this screen?
- What industry design conventions apply? (See references/industry-conventions.md)
- Map the user flow: what screen comes before and after?
- Identify the MVP elements — only what's essential for this screen
- Place primary actions in the thumb zone (bottom 1/3 of screen)
Requirements & configuration
- Celebrate small wins — success states don't need to be huge, but they should feel intentional
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
mobile-app-ui-design FAQ
What does the mobile-app-ui-design skill do?
Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups, build mobile UI components, improve an existing mobile app design, create onboarding flows, design mobile navigation, or requests any mobile-first interface work. Also trigger when the user mentions app design, mobile UI, mobile UX, screen design, app mockups, wireframes, or wants to build React Native / Flutter / SwiftUI style interfaces as visual prototypes. Even if the user just says "design an app" or "make this screen look better", use this skill. What type of app? (fitness, finance, social, productivity, health, crypto, etc.) Who is the user? (new, returning, power user — adapt the experience)
What does mobile-app-ui-design require?
Celebrate small wins — success states don't need to be huge, but they should feel intentional
How do I install mobile-app-ui-design?
Run: npx -y skills add https://github.com/ceorkm/mobile-app-ui-design --skill mobile-app-ui-design --agent claude-code — the source lives at github.com/ceorkm/mobile-app-ui-design.
Maintain mobile-app-ui-design?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[mobile-app-ui-design on getagentictools](https://getagentictools.com/skills/ceorkm-mobile-app-ui-design-mobile-app-ui-design?ref=badge) npx agentictools info skills/ceorkm-mobile-app-ui-design-mobile-app-ui-design The second line is the CLI lookup for this page — handy in READMEs and docs.
