Leaderboard/Design/mobile-app-ui-design
Last commit on February 15, 2026·Created on February 15, 2026

ceorkm/mobile-app-ui-design

Turns a mobile screen request into a polished, intentional design.
Combined rank
#594
across all skills
In Design
#53
category rank
Stars
345
+3.6% in last 7d
Forks
32
+6.7% in last 7d
Watchers
0
0 watchers in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill walks through the full mobile UI/UX design process: understanding context and user goals, mapping flows with thumb-zone placement, applying typography and a 60/30/10 color system, using the 8-point grid for spacing, and designing for emotional peaks and endings. It helps mobile designers, product designers, and frontend developers create screens that feel intentional rather than decorative. Implementation notes for Tailwind CSS and Lucide React turn the design into build-ready output.

WHO IT'S FOR
Mobile App Designers
designing polished mobile UI/UX screens
Product Designers
structuring mobile user flows and layouts
Frontend Developers
implementing mobile UI with Tailwind CSS
UX Researchers
validating mobile design patterns and flows
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Install with npx

Installs: Installs the mobile-app-ui-design skill from the ceorkm/mobile-app-ui-design repository. · Claude Code

  1. Run this command in a terminal.

    npx skills add ceorkm/mobile-app-ui-design
README.md · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Design one mobile app home screen

Uses mobile-app-ui-design

  • App type
  • Target user type
  • Primary action
  • Desired feeling
  • Element that should receive first attention
Use the mobile-app-ui-design skill to design a single home screen for a [type of app] used by [new, returning, or power users]. The primary action is [primary action], the interface should feel [desired feeling], and [key element] should be noticed first. Briefly identify the immediately preceding and following screens, then propose only the essential screen elements and their layout, keeping the primary action in the bottom third of the screen.
README.md · Checked Sep 18, 2026SKILL.md · Checked Sep 18, 2026