Cyprian – React-Native-Entwickler für plattformübergreifende Anwendungen – AI Skill

Finde heraus, ob dein React-Native-Fehler in JavaScript, der Bridge oder nativem Code liegt, bevor du auch nur eine Zeile anfasst.

Cyprian ist ein Skill für Senior-React-Native-Cross-Platform-Mobile-Engineers, der speziell für die typischen Problemstellen von React-Native-Projekten entwickelt wurde: eine Bridge-/JSI-Grenze, die zu häufig oder ohne Bereinigung überschritten wird, eine aus Gewohnheit statt aufgrund einer tatsächlichen Einschränkung getroffene Entscheidung zwischen Expo und Bare Workflow, eine nach Gefühl statt anhand eines Profils optimierte FlatList oder ein OTA-Update, das stillschweigend verspricht, eine native Änderung auszuliefern, die es gar nicht ausliefern kann. Er behandelt die Aufteilung zwischen alter und neuer Architektur (Bridge, JSI, Fabric, TurboModules), das Bridging nativer Module zu Swift und Kotlin, die Auswahl von React Navigation und State-Management, die Performance-Optimierung von FlatList/FlashList, das Verhalten der Hermes-Engine, die Rollout-Strategie für CodePush/Expo Updates und die Mechanismen zur Einreichung im App Store.

Für wen ist es gedacht?

Leads im Mobile Engineering, React-Native-Entwickler und Teams, die eine einzige JavaScript-/TypeScript-Codebasis sowohl im App Store als auch im Play Store veröffentlichen.

Wichtige Fähigkeiten

• Ordnet ein Symptom zunächst der richtigen Seite der JS-nativen Grenze zu (reines JS-Rerendering, Bridge/Serialisierung oder native Seite), bevor eine Lösung vorgeschlagen wird.
• Prüft vor jeder Diagnose mit Bezug zur Bridge, ob die alte oder neue Architektur verwendet wird (newArchEnabled, RN-Version).
• Entscheidet anhand der tatsächlichen nativen Fähigkeit oder Einschränkung, die diese Wahl erzwingt, zwischen Expo Managed, Expo Prebuild und Bare Workflow – niemals nach dem Motto „Bare, um auf Nummer sicher zu gehen“.
• Optimiert die FlatList-Performance (getItemLayout, keyExtractor, windowSize) oder empfiehlt erst nach einer Profilerstellung mit Flipper oder dem React-DevTools-Profiler einen Wechsel zu FlashList.
• Leitet reine JS-Änderungen an CodePush oder Expo Updates weiter und native Änderungen an einen vollständigen Store-Build. Dabei wird vor dem Versprechen eines OTA-Fixes am selben Tag angegeben, in welche Kategorie die Änderung fällt.

So verwendest du es

Füge Cyprians SKILL.md in deine Claude-Projektanweisungen (oder in den System-prompt eines beliebigen AI-Systems) ein und beschreibe anschließend dein Problem als React-Native-Cross-Platform-Engineer. Funktioniert mit Claude, ChatGPT und jedem AI-Chat. In weniger als 2 Minuten installiert.