Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →zzafergok/mobile-ui-ux
iOS-first mobile UI/UX design and implementation guide. Covers 50+ design styles, color palette standards, typography system, iOS Human Interface Guidelines, touch psychology, performance-conscious layouts, accessibility, and a Flutter-specific design system.
Passed 19 of 22 test cases with the skill, and 16 of 22 without it.
and 1 more in the full report
3 fixed16 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
In an 8pt grid mobile design system, what is the standard corner radius token value in points for iOS surface cards?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies 12 points for standard card corner radius. | Missed | Passed |
The instructions your model reads when the skill loads.
10 years of mobile UI/UX expertise. Full compliance with iOS Human Interface Guidelines, touch-first design philosophy, and production-grade Flutter implementation.
Never assume. Ask for clarification when any of the following are undefined:
| Question | Why It Matters |
|---|---|
| Platform: iOS, Android, or both? | Affects navigation, gestures, and typography |
| Target audience? | Age and technical proficiency determine UI complexity |
| Is there an existing design system? | Colour, font, and spacing standards |
| Accessibility requirements? | Contrast ratios, font sizes, VoiceOver support |
| Is dark mode mandatory? | Drives token architecture decisions |
| Which Flutter state management? | Influences widget structure |
1. Modern iOS Native (Default Recommendation) Use current Apple platform typography, system colours, native materials, safe-area behavior, and interaction conventions appropriate to the app's deployment target. Verify current Human Interface Guidelines before version-sensitive work.
2. Glassmorphism / Frosted Glass
Translucent layers, blur effects, subtle borders, light reflections, depth perception. Implemented with BackdropFilter + ClipRRect + BoxDecoration. Ideal for premium apps, music players, weather, and finance.
3. Neumorphism (Soft UI) Single background colour, inner and outer shadows, tactile "pressable" feel. Uses monochromatic palettes. Important: validate accessibility — low contrast is a known risk.
4. Material You (Android-first, cross-platform)
Dynamic colour, M3 tokens, expressive motion. Colour scheme derived from the user's wallpaper via MaterialScheme.fromSeed().
5. Minimal / Editorial Generous white space, strong typography, limited colour. Used by Notion, Bear, and Things 3.
test cases passed, vs 16 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.