React Native

Die Accessibility-Skill unterstützt dich dabei, barrierearme bzw. barrierefreie UIs für Web, iOS und Android nach WCAG-2.2-Level-AA-Guidance zu entwerfen, umzusetzen und zu auditieren. Verwende sie, um Komponentenrollen, Beschriftungen, Zustände, Fokusverhalten und Accessibility-Attribute zuzuordnen – mit praxisnaher Accessibility-Nutzung für UX-Audit-Arbeiten und Implementierungsreviews.

react-native-design ist ein fokussierter Skill für React Native UI-Muster und behandelt StyleSheet-Styling, typisierte React Navigation und den Einsatz von Reanimated 3 für plattformübergreifende Screens.

react-native-architecture unterstützt bei der Planung produktiver React Native- und Expo-Apps mit Routing, klaren State-Grenzen, nativen Modulen, Offline-First-Flows sowie den Abwägungen zwischen Expo und Bare.

vercel-react-native-skills ist ein React-Native- und Expo-Skill für performanceorientierte Frontend-Entwicklung. Nutze ihn, um Listen-Rendering, Animationen, Navigation, UI-Patterns, State Management und das Setup nativer Module zu verbessern. Er bietet praxisnahe Regeln, Installationshinweise und Nutzungsmuster, um Mobile-App-Engpässe mit weniger Rätselraten zu lösen.

Expo UI SwiftUI Skill zur Installation von `@expo/ui`, zum Neubuild mit `npx expo run:ios` und zur korrekten Nutzung von `Host`, `RNHostView` sowie der SDK-55-Dokumentation in Expo-Apps.

Die Skill `upgrading-expo` unterstützt bei Upgrades von Expo SDK-Versionen: Sie führt durch die richtigen Installations- und Doctor-Befehle, das Leeren von Caches und den Umgang mit Breaking Changes wie React 19, New Architecture, Native Tabs und `expo-av`-Migrationen.

Das Skill use-dom zeigt, wie du Expo DOM-Komponenten nutzt, um React-Webcode in einer WebView auf Native und im Web regulär auszuführen. So kannst du browserabhängige Komponenten wiederverwenden und vorhandenen Webcode schrittweise migrieren.

building-native-ui ist ein Expo Router UI Skill für React Native Apps mit nativer Anmutung. Erfahren Sie vor dem Einsatz mehr zu Installationskontext, Routenstruktur, Tabs, Headern, Animationen, Medien und Plattformgrenzen.

expo-api-routes unterstützt dich beim Erstellen von Expo Router API-Routen für EAS Hosting – mit klarer Orientierung dazu, wann serverseitige Endpunkte sinnvoll sind, wo `app/**/+api.ts`-Dateien abgelegt werden und wie sichere Route-Handler strukturiert sein sollten.

expo-cicd-workflows unterstützt beim Erstellen, Bearbeiten und Validieren von Expo EAS workflow YAML. Installiere das Skill, rufe das aktuelle Schema und die Dokumentation ab und erstelle oder korrigiere anschließend `.eas/workflows`-Dateien mit validatorgestützter Hilfe für Builds, Submissions, Updates und Deployment-Pipelines.

expo-deployment unterstützt beim Veröffentlichen von Expo-Apps mit EAS für iOS App Store, Google Play, Web-Hosting, TestFlight, Metadaten und CI/CD-Workflows.

expo-dev-client hilft bei der Entscheidung, ob eine Expo-App einen Development Client benötigt, und zeigt, wie man EAS konfiguriert und für native Tests lokal oder über TestFlight baut.

expo-tailwind-setup ist ein praxisnaher Leitfaden zur Installation und Konfiguration von Tailwind CSS v4 in Expo mit react-native-css und NativeWind v5 für iOS, Android und Web.

Expo UI Jetpack Compose unterstützt dich bei Installation und Nutzung von `@expo/ui/jetpack-compose` für Android-UIs in Expo-Apps – mit Hinweisen zu SDK 55, korrekten Imports, Native-Rebuild-Schritten und API-Prüfung über `.d.ts`-Dateien.

react-native-best-practices ist ein praxisnaher React-Native-Leitfaden zur Performance-Optimierung bei langsamem Start, ausgelassenen Frames, teuren Renderings, Memory Leaks, aufgeblähten Bundles und ruckeligen Animationen. Nutze ihn, wenn du belegbare Lösungen für Hermes, Bridge-Overhead, FlashList, native Module oder die Analyse einer Regression in einem Release brauchst.

ui-mobile ist ein praxisnaher Leitfaden für Mobile UI-Design in React Native und angrenzenden iOS-/Android-Codebasen. Der Fokus liegt auf barrierefreien Touch-Zielen, Kontrast und Interaktionsregeln, damit du sicherere Screens bauen, Komponenten prüfen und die mobile Usability mit weniger Rätselraten verbessern kannst.

React Native-Muster für Mobile-Entwicklung und plattformspezifischer Code für Frontend Development. Dieses react-native Skill hilft dir dabei, Screens, Komponenten und Hooks so zu strukturieren, dass sie wartbar bleiben und iOS sowie Android sauber berücksichtigt werden.

upgrading-react-native hilft bei der Planung und Durchführung von React Native Versions-Upgrades mit rn-diff-purge oder Upgrade Helper-Diffs, abgestimmten Abhängigkeiten, iOS- und Android-Konfigurationsanpassungen sowie Build-Validierung. Das ist besonders nützlich für Frontend-Teams, die echte Apps aktualisieren, einschließlich Monorepos und Expo-gestützter Projekte.