Skip to content

// Native-feel mobile UI: iOS HIG, Material 3, navigation patterns, touch targets, gesture flows.

Mobile App UI DesignerVerified Creator

git log --oneline --stat
HEAD
Stars
1.6k
Forks
61
Updated
May 23, 2026
repo --stat
  • stars

    1.6k

  • forks

    61

  • last update

    May 23, 2026

  • license

    MITv1.4.0

quickstart.sh
3 steps
  1. Install

    // Drops SKILL.md into ~/.claude/skills/

    $ claude skills add mobile-app-ui-designer
  2. Invoke

    // Run from any project directory

    $ claude --skill mobile-app-ui-designer "give my landing page a hero treatment"
  3. Iterate

    // Re-run with edits — Claude keeps the skill loaded

    $ claude --skill mobile-app-ui-designer "now refactor it"
mobile-app-ui-designer/
references
  • references/
  • SKILL.mdopen
  • README.mdopen
SKILL.md
readonly
name:
Mobile App UI Designer
slug:
mobile-app-ui-designer
version:
v1.4.0
license:
MIT
author:
@design-craft
categories:
tags:
#mobile-ui#ios-hig#material3#ux#figma
description:

Native-feel mobile UI: iOS HIG, Material 3, navigation patterns, touch targets, gesture flows.

features.md
3 capabilities

// What you can do with it

  • iOS: tab bars vs. navigation stacks, large titles, swipe-back, SF Symbols usage, safe-area insets, the 44×44 pt minimum tap target, sheet detents and the grabber.
  • Android / Material 3: bottom navigation bars, navigation rail for tablets/foldables, top app bars (small/medium/large), FAB placement, dynamic color/tonal elevation, 48×48 dp touch targets, and the pr
  • Cross-cutting: thumb-zone reachability, gesture conflicts (horizontal swipe vs. carousels), form and keyboard handling, and accessibility (contrast ratios, Dynamic Type / font scaling, VoiceOver/TalkB

README.md

mobile-app-ui-designer/README.md
7 sections
Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.
Loading review form…