Ein produktionsreifer Master-Skill zur Erstellung leistungsstarker, RTL-fähiger Expo- und React-Native-Anwendungen unter Verwendung des MVC-Lite-Musters.
Installieren & Herunterladen
1. ClawHub CLI
Der schnellste Weg, einen Skill direkt aus der Registry zu installieren.
npx clawhub@latest install react-native-clean-pattern
2. Manuelle Installation
Kopiere den Skill-Ordner an einen dieser Orte
~/.openclaw/skills/ <project>/skills/ Priorität: Workspace > Lokal > Integriert (Bundled)
3. Prompt-Installation
Kopiere diesen Prompt in OpenClaw, um ihn automatisch zu installieren.
Hilf mir, react-native-clean-pattern über Clawhub zu installieren. Falls Clawhub nicht installiert ist, installiere es bitte zuerst (npm i -g clawhub).
Lieber herunterladen?
Hole dir die rohen Skill-Dateien in einem ZIP-Archiv.
Was ist Clawhub Mobile (Expo/React Native)?
Der Clawhub Mobile Skill ist ein umfassendes technisches Framework, das für Openclaw Skills-Benutzer entwickelt wurde, um die mobile Anwendungsentwicklung zu optimieren. Er erzwingt eine strikte, produktionsreife Architektur unter Verwendung von Expo und React Native und priorisiert Modularität durch ein MVC-Lite-Muster. Dieser Skill stellt sicher, dass jedes mobile Projekt hohe Standards in Bezug auf Leistung, Wartbarkeit und globale Barrierefreiheit erfüllt.
Durch die Integration des Clawhub Mobile Skills in den Arbeitsablauf erhalten Entwickler Zugriff auf einen einheitlichen Leitfaden, der alles von der anfänglichen App-Bereitstellung bis zum komplexen Feature-Scaffolding abdeckt. Er betont die TypeScript-Zero-Any-Durchsetzung, zentralisierte Design-Token und eingebaute Observability mit Sentry. Dies stellt sicher, dass mit Openclaw Skills erstellte Apps nicht nur robust sind, sondern dank nativer RTL-First-Unterstützung auch für globale Märkte bereit sind.
Clawhub Mobile (Expo/React Native) Anwendungsfälle
- Bereitstellung neuer produktionsreifer Expo-Anwendungen mit standardisierten Ordnerstrukturen.
- Scaffolding neuer Bildschirme und Funktionen unter Verwendung einer konsistenten 4-Datei-MVC-Lite-Architektur.
- Implementierung RTL-konformer Benutzeroberflächen für globale Märkte wie Arabisch oder Hebräisch.
- Einrichtung von streng typisiertem Redux-State-Management und Singleton-API-Clients.
- Automatisierung von Projektwartungsaufgaben wie API-Einrichtung, Navigationsinfrastruktur und Komponentenerstellung.
So funktioniert Clawhub Mobile (Expo/React Native)
- Strategische Planung der Aufgabe durch Identifizierung als Bereitstellung, Erweiterung oder Diagnose innerhalb der Openclaw Skills-Umgebung.
- Überprüfung des vorhandenen Codes, um Null-Duplizierung und maximale Wiederverwendung von gemeinsam genutzten Komponenten oder Hooks sicherzustellen.
- Scaffolding des Features unter Verwendung der obligatorischen 4-Datei-Struktur: index.tsx, controller.ts, styles.ts und types.ts.
- Initialisierung von Stilen mithilfe des useAppStyle-Hooks, um RTL-Konformität und Konsistenz der Design-Token sicherzustellen.
- Integration der UI-Logik mit dem Controller, Verbindung zu Redux-Slices und dem zentralen API-Client.
- Absicherung der Anwendung durch Implementierung speichersicherer asynchroner Controller mithilfe von mountedRef.
- Überprüfung der Implementierung durch Ausführen von TypeScript-Prüfungen und Testen des LTR/RTL-UI-Umschalters.
Clawhub Mobile (Expo/React Native) Einrichtung
Um mit dem Clawhub Mobile Skill zu beginnen, befolgen Sie diese Installationsschritte:
- Registrieren Sie den Skill, indem Sie das Verzeichnis zum Openclaw Skills-Pfad Ihres Agents hinzufügen.
- Installieren Sie globale Abhängigkeiten mit npm oder bun:
npm install -g expo-cli eas-cli react-native-clean-pattern
ODER
bun clawdhub install react-native-clean-pattern
Clawhub Mobile (Expo/React Native) Datenschema & Taxonomie
Der Skill organisiert mobile Projekte unter Verwendung einer streng typisierten Ordnerarchitektur und erzwungener Pfad-Aliase für die Openclaw Skills-Konsistenz:
| Verzeichnis | Zweck |
|---|---|
app/ |
Expo Router-Routen und Layout-Orchestratoren |
screens/ |
Feature-Implementierungen gemäß dem MVC-Lite-Muster |
components/ |
Gemeinsam genutzte und reguläre UI-Atom/Molekül-Komponenten |
services/ |
Infrastruktur für API, Auth, Firebase und Storage |
store/ |
Streng typisierte Redux Power Slices |
hooks/ |
Benutzerdefinierte logische Hooks und pipebare Stile |
styles/ |
Design-Token-System und gängige HSL-Token |
Clawhub Mobile (Expo/React Native) Erweiterte Funktionen
- MVC-Lite-Erweiterungsmuster: Erzwingt eine Trennung der Zuständigkeiten in 4 Dateien für jeden Bildschirm und jede Komponente.
- RTL-First-Engine: Eingebaute Unterstützung für i18next mit zwingendem I18nManager-Flipping und UI-Rehydration.
- Sensitives Logging-System: Automatische Schwärzung sensibler Daten wie Passwörter und Token in Logs.
- Power Slices: Streng typisierte Redux Toolkit-Implementierung für Auth-, App- und Benachrichtigungszustände.
- Pfad-Alias-Durchsetzung: Verhindert relatives Pfad-Chaos durch Verpflichtung zu @shared-, @services- und @hooks-Aliasen.
- Observability-Integration: Native Sentry-Unterstützung für Fehlererfassung und Breadcrumb-Tracing.
SKILL.md
Laden
Verwandte Openclaw-Skills
The Things Network Skill
Eine leistungsstarke Integration zur Verbindung von KI-Agenten mit The Things Network, um LoRaWAN-IoT-Geräte zu verwalten und Daten-Workflows zu automatisieren.
Lightstep
Eine leistungsstarke Observability-Integration für Openclaw Skills, die automatisiertes Monitoring, Fehlerbehebung und Optimierung komplexer Softwaresysteme ermöglicht.
Suno-Claw: Multi-Agenten AI-Song-Creator
Ein hochentwickeltes Multi-Agenten-Framework, das Suno AI und die kie.ai API nutzt, um durch iteratives kreatives Verfeinern Musik in Profiqualität zu generieren.
Google Search Console CLI
Ein umfassendes CLI-Tool zur Automatisierung des Datenabrufs aus der Google Search Console, für technische SEO-Inspektionen und das Sitemap-Management.
OFD-Textextraktor
Ein spezialisiertes technisches Dienstprogramm zum Extrahieren von strukturiertem Text und millimetergenauen Zeichenkoordinaten aus Open Fixed-layout Document (OFD)-Dateien.
Amazon Elasticsearch
Eine leistungsstarke Integration zur Verwaltung und Automatisierung von Amazon Elasticsearch-Clustern über das Membrane-Ökosystem.
Hervorgehoben*
