Skills
.Work. You
Rest

mobile-app-design-mastery

Community

Design mobile UI that feels native and fast.

Design & Creative#typography#design#ui#mobile#color#spacing
Authoranilcancakir
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Production-grade mobile UI design principles adapted from Refactoring UI for Flutter/native apps. ALWAYS activate for: Flutter app, mobile app, iOS app, Android app, mobile UI, app screens, mobile navigation, bottom sheets, mobile forms, touch targets, mobile typography, app color scheme, mobile cards, list views, mobile modals, tab bars, app bars, floating action buttons. Turkish: mobil uygulama tasarımı, Flutter tasarım, uygulama arayüzü, mobil UI, telefon uygulaması, Android tasarım, iOS tasarım. English: app design, mobile interface, touch-friendly, native feel, mobile UX.

Core Features & Use Cases

  • Establish mobile systems: spacing, typography, color, and depth guidelines for iOS and Android
  • Mobile hierarchy: primary, secondary, and tertiary content prioritization
  • Platform-aware patterns: navigation, forms, cards, and components tailored for Flutter, iOS, and Android
  • Accessibility & safe areas: touch targets, safe-area considerations, contrast compliance

Quick Start

Review the guide and begin applying the spacing, typography, color, and depth rules to your next mobile screen design.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mobile-app-design-mastery
Download link: https://github.com/anilcancakir/my-claude-code/archive/main.zip#mobile-app-design-mastery

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.