·mobile-ux-optimizer
*

mobile-ux-optimizer

erichowens/some_claude_skills

Mobile-First-UX-Optimierung für Touch-Oberflächen, responsive Layouts und Leistung. Verwendung für die Handhabung von Ansichtsfenstern, Touch-Ziele, Gesten und mobile Navigation. Aktivierung auf Mobilgeräten, Touch, Responsive, DVH, Ansichtsfenster, sicherer Bereich, Hamburger-Menü. NICHT für die Entwicklung nativer Apps (verwenden Sie React Native-Fähigkeiten), reine Desktop-Funktionen oder allgemeines CSS (verwenden Sie Tailwind-Dokumente).

60Installationen·3Trend·@erichowens

Installation

$npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer

SKILL.md

Build touch-optimized, performant mobile experiences with proper viewport handling and responsive patterns.

Apple's Human Interface Guidelines specify 44×44 points as minimum touch target. Google Material suggests 48×48dp.

Mobile browsers have dynamic toolbars. 100vh includes the URL bar, causing content to be cut off.

Mobile-First-UX-Optimierung für Touch-Oberflächen, responsive Layouts und Leistung. Verwendung für die Handhabung von Ansichtsfenstern, Touch-Ziele, Gesten und mobile Navigation. Aktivierung auf Mobilgeräten, Touch, Responsive, DVH, Ansichtsfenster, sicherer Bereich, Hamburger-Menü. NICHT für die Entwicklung nativer Apps (verwenden Sie React Native-Fähigkeiten), reine Desktop-Funktionen oder allgemeines CSS (verwenden Sie Tailwind-Dokumente). Quelle: erichowens/some_claude_skills.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/erichowens/some_claude_skills --skill mobile-ux-optimizer
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist mobile-ux-optimizer?

Mobile-First-UX-Optimierung für Touch-Oberflächen, responsive Layouts und Leistung. Verwendung für die Handhabung von Ansichtsfenstern, Touch-Ziele, Gesten und mobile Navigation. Aktivierung auf Mobilgeräten, Touch, Responsive, DVH, Ansichtsfenster, sicherer Bereich, Hamburger-Menü. NICHT für die Entwicklung nativer Apps (verwenden Sie React Native-Fähigkeiten), reine Desktop-Funktionen oder allgemeines CSS (verwenden Sie Tailwind-Dokumente). Quelle: erichowens/some_claude_skills.

Wie installiere ich mobile-ux-optimizer?

Ö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/erichowens/some_claude_skills --skill mobile-ux-optimizer Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/erichowens/some_claude_skills