基於重構 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