리팩토링 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. 영어: 앱 디자인, 모바일 인터페이스, 터치 친화적, 네이티브 느낌, 모바일 UX.
명령줄에서 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. 영어: 앱 디자인, 모바일 인터페이스, 터치 친화적, 네이티브 느낌, 모바일 UX. 출처: 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. 영어: 앱 디자인, 모바일 인터페이스, 터치 친화적, 네이티브 느낌, 모바일 UX. 출처: 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