·mobile-app-design-mastery
*

mobile-app-design-mastery

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

UI-Design mobiler Anwendungen in Produktionsqualität basierend auf den Refactoring-UI-Prinzipien. IMMER aktivieren für: Flutter-App, mobile App, iOS-App, Android-App, mobile Benutzeroberfläche, App-Bildschirme, mobile Navigation, untere Blätter, mobile Formulare, Touch-Ziele, mobile Typografie, App-Farbschema, mobile Karten, Listenansichten, mobile Modalitäten, Tab-Leisten, App-Leisten, schwebende Aktionsschaltflächen. Bietet mobilen Design-Workflow, berührungsoptimierte Abstände, mobile Typografieskalierung und plattformspezifische Muster. Türkisch: Handy-Benutzeroberfläche, Flutter-Benutzeroberfläche, Benutzeroberfläche für Mobiltelefone, Telefon-Benutzeroberfläche, Android-Benutzeroberfläche, iOS-Benutzeroberfläche. Englisch: App-Design, mobile Benutzeroberfläche, Touch-freundlich, native Haptik, mobile UX.

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

Installation

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

So installieren Sie mobile-app-design-mastery

Installieren Sie den KI-Skill mobile-app-design-mastery schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: anilcancakir/my-claude-code.

SKILL.md

Original anzeigen

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-Design mobiler Anwendungen in Produktionsqualität basierend auf den Refactoring-UI-Prinzipien. IMMER aktivieren für: Flutter-App, mobile App, iOS-App, Android-App, mobile Benutzeroberfläche, App-Bildschirme, mobile Navigation, untere Blätter, mobile Formulare, Touch-Ziele, mobile Typografie, App-Farbschema, mobile Karten, Listenansichten, mobile Modalitäten, Tab-Leisten, App-Leisten, schwebende Aktionsschaltflächen. Bietet mobilen Design-Workflow, berührungsoptimierte Abstände, mobile Typografieskalierung und plattformspezifische Muster. Türkisch: Handy-Benutzeroberfläche, Flutter-Benutzeroberfläche, Benutzeroberfläche für Mobiltelefone, Telefon-Benutzeroberfläche, Android-Benutzeroberfläche, iOS-Benutzeroberfläche. Englisch: App-Design, mobile Benutzeroberfläche, Touch-freundlich, native Haptik, mobile UX. Quelle: anilcancakir/my-claude-code.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
Quelle
anilcancakir/my-claude-code
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/anilcancakir/my-claude-code/mobile-app-design-mastery

Browse more skills from anilcancakir/my-claude-code

Schnelle Antworten

Was ist mobile-app-design-mastery?

UI-Design mobiler Anwendungen in Produktionsqualität basierend auf den Refactoring-UI-Prinzipien. IMMER aktivieren für: Flutter-App, mobile App, iOS-App, Android-App, mobile Benutzeroberfläche, App-Bildschirme, mobile Navigation, untere Blätter, mobile Formulare, Touch-Ziele, mobile Typografie, App-Farbschema, mobile Karten, Listenansichten, mobile Modalitäten, Tab-Leisten, App-Leisten, schwebende Aktionsschaltflächen. Bietet mobilen Design-Workflow, berührungsoptimierte Abstände, mobile Typografieskalierung und plattformspezifische Muster. Türkisch: Handy-Benutzeroberfläche, Flutter-Benutzeroberfläche, Benutzeroberfläche für Mobiltelefone, Telefon-Benutzeroberfläche, Android-Benutzeroberfläche, iOS-Benutzeroberfläche. Englisch: App-Design, mobile Benutzeroberfläche, Touch-freundlich, native Haptik, mobile UX. Quelle: anilcancakir/my-claude-code.

Wie installiere ich mobile-app-design-mastery?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-02-22

Verwandte Skills

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