基于重构 UI 原则的生产级移动应用程序 UI 设计。始终激活：Flutter 应用程序、移动应用程序、iOS 应用程序、Android 应用程序、移动 UI、应用程序屏幕、移动导航、底部表单、移动表单、触摸目标、移动排版、应用程序配色方案、移动卡、列表视图、移动模式、选项卡栏、应用程序栏、浮动操作按钮。提供移动设计工作流程、触摸优化间距、移动排版比例、平台感知模式。土耳其语：mobil uygulama tasarımı、Flutter tasarım、uygulama arayüzü、mobil UI、telefon uygulaması、Android tasarım、iOS tasarım。中文：应用程序设计、移动界面、触摸友好、原生感觉、移动用户体验。
通过命令行快速安装 mobile-app-design-mastery AI 技能到你的开发环境
来源：anilcancakir/my-claude-code。
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 |
基于重构 UI 原则的生产级移动应用程序 UI 设计。始终激活：Flutter 应用程序、移动应用程序、iOS 应用程序、Android 应用程序、移动 UI、应用程序屏幕、移动导航、底部表单、移动表单、触摸目标、移动排版、应用程序配色方案、移动卡、列表视图、移动模式、选项卡栏、应用程序栏、浮动操作按钮。提供移动设计工作流程、触摸优化间距、移动排版比例、平台感知模式。土耳其语：mobil uygulama tasarımı、Flutter tasarım、uygulama arayüzü、mobil UI、telefon uygulaması、Android tasarım、iOS tasarım。中文：应用程序设计、移动界面、触摸友好、原生感觉、移动用户体验。 来源：anilcancakir/my-claude-code。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery基于重构 UI 原则的生产级移动应用程序 UI 设计。始终激活：Flutter 应用程序、移动应用程序、iOS 应用程序、Android 应用程序、移动 UI、应用程序屏幕、移动导航、底部表单、移动表单、触摸目标、移动排版、应用程序配色方案、移动卡、列表视图、移动模式、选项卡栏、应用程序栏、浮动操作按钮。提供移动设计工作流程、触摸优化间距、移动排版比例、平台感知模式。土耳其语：mobil uygulama tasarımı、Flutter tasarım、uygulama arayüzü、mobil UI、telefon uygulaması、Android tasarım、iOS tasarım。中文：应用程序设计、移动界面、触摸友好、原生感觉、移动用户体验。 来源：anilcancakir/my-claude-code。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/anilcancakir/my-claude-code