·mobile-app-design-mastery
*

mobile-app-design-mastery

✓
anilcancakir/my-claude-codeGitHub: anilcancakir/my-claude-codeSource: anilcancakir/my-claude-code

Production-grade mobile application UI design based on Refactoring UI principles. 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. Provides mobile design workflow, touch-optimized spacing, mobile typography scale, platform-aware patterns. 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.

anilcancakir·mobile·app·design·mastery
13Installs·1Trend·@anilcancakir

Installation

GitHub: anilcancakir/my-claude-code
$npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery

How to Install mobile-app-design-mastery

Quickly install mobile-app-design-mastery AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: anilcancakir/my-claude-code.

SKILL.md

View raw

Production-grade mobile UI design principles adapted from Refactoring UI for Flutter/native apps.

| xs | 4 | Micro gaps, icon padding | | sm | 8 | Tight, within components | | md | 12 | Related elements | | base | 16 | Standard padding | | lg | 24 | Between sections | | xl | 32 | Major separation | | 2xl | 48 | Screen margins on tablets |

| iOS | 44×44 pt | | Android | 48×48 dp | | Comfortable | 56×56 |

Production-grade mobile application UI design based on Refactoring UI principles. 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. Provides mobile design workflow, touch-optimized spacing, mobile typography scale, platform-aware patterns. 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. Source: anilcancakir/my-claude-code.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
Source
anilcancakir/my-claude-code
Category
*Creative Media
Verified
✓
First Seen
2026-02-22
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/anilcancakir/my-claude-code/mobile-app-design-mastery

Browse more skills from anilcancakir/my-claude-code

Quick answers

What is mobile-app-design-mastery?

Production-grade mobile application UI design based on Refactoring UI principles. 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. Provides mobile design workflow, touch-optimized spacing, mobile typography scale, platform-aware patterns. 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. Source: anilcancakir/my-claude-code.

How do I install mobile-app-design-mastery?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/anilcancakir/my-claude-code

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-22

Related Skills

tailwindcss-design
25 Installs
web-design-mastery
24 Installs
flutter-design
22 Installs
laravel-infrastructure
9 Installs
laravel-fullstack
8 Installs
laravel-packages
8 Installs