ceorkmceorkmCommunityยท1 Agent Skills Included

mobile-app-ui-design

Professional mobile app screen design and UI polish

Designs polished mobile app screens, onboarding flows, and UI components using proven principles from top apps like Airbnb, Spotify, and Duolingo. Applies the 60/30/10 color rule, 8-point spacing grid, and thumb-zone layouts to eliminate inconsistent, amateur-looking interfaces. Includes industry-specific patterns for finance, health, crypto, and fitness apps, plus React and Tailwind implementation guidance.
npx skills add ceorkm/mobile-app-ui-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install mobile-app-ui-design?โ–ผ

Run `npx skills add ceorkm/mobile-app-ui-design --all -g -y` in your terminal to install this skill globally.

How to design a professional mobile app screen?โ–ผ

Ask your agent to design a screen, and this skill applies a 5-step process covering context, structure, visual design, emotional peaks, and final polish.

What design rules does this skill follow?โ–ผ

It enforces the 60/30/10 color rule, an 8-point spacing grid, thumb-zone button placement, and a maximum of 4 font sizes for clean hierarchy.

Does it work with React Native or Flutter designs?โ–ผ

Yes. It guides mobile-first interface design for React Native, Flutter, and SwiftUI style prototypes, with React and Tailwind implementation notes.

Can beginners use this without design experience?โ–ผ

Yes. Just describe the app screen you want in plain English, and the skill applies professional design conventions automatically.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’