A production-grade master skill for building high-performance, RTL-ready Expo and React Native applications using the MVC-Lite pattern.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install react-native-clean-pattern
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install react-native-clean-pattern using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Clawhub Mobile (Expo/React Native)?
The Clawhub Mobile skill is a comprehensive technical framework designed for Openclaw Skills users to streamline the development of mobile applications. It enforces a strict, production-ready architecture using Expo and React Native, prioritizing modularity through an MVC-Lite pattern. This skill ensures that every mobile project adheres to high standards of performance, maintainability, and global accessibility.
By integrating the Clawhub Mobile skill into your workflow, developers gain access to a unified guide that handles everything from initial app provisioning to complex feature scaffolding. It emphasizes zero-any TypeScript enforcement, centralized design tokens, and built-in observability with Sentry. This ensures that apps built with Openclaw Skills are not only robust but also ready for global markets with native RTL-First support.
Clawhub Mobile (Expo/React Native) Use Cases
- Provisioning new production-grade Expo applications with standardized folder structures.
- Scaffolding new screens and features using a consistent 4-file MVC-Lite architecture.
- Implementing RTL-compliant user interfaces for global markets like Arabic or Hebrew.
- Setting up strictly typed Redux state management and singleton API clients.
- Automating project maintenance tasks such as API setup, navigation infrastructure, and component creation.
How Clawhub Mobile (Expo/React Native) Works
- Strategize the task by identifying it as provisioning, expansion, or diagnosis within the Openclaw Skills environment.
- Audit existing code to ensure zero duplication and maximum reuse of shared components or hooks.
- Scaffold the feature using the mandatory 4-file structure: index.tsx, controller.ts, styles.ts, and types.ts.
- Initialize styles using the useAppStyle hook to ensure RTL compliance and design token consistency.
- Integrate UI logic with the controller, connecting to Redux slices and the central API client.
- Secure the application by implementing memory-safe async controllers using mountedRef.
- Verify the implementation by running TypeScript checks and testing the LTR/RTL UI toggle.
Clawhub Mobile (Expo/React Native) Setup
To get started with the Clawhub Mobile skill, follow these installation steps:
- Register the skill by adding the directory to your agent's Openclaw Skills path.
- Install global dependencies using npm or bun:
npm install -g expo-cli eas-cli react-native-clean-pattern
OR
bun clawdhub install react-native-clean-pattern
Clawhub Mobile (Expo/React Native) Data Schema & Taxonomy
The skill organizes mobile projects using a strictly typed folder architecture and enforced path aliases for Openclaw Skills consistency:
| Directory | Purpose |
|---|---|
app/ |
Expo Router routes and layout orchestrators |
screens/ |
Feature implementations following the MVC-Lite pattern |
components/ |
Shared and regular UI atom/molecule components |
services/ |
Infrastructure for API, Auth, Firebase, and Storage |
store/ |
Strictly typed Redux Power Slices |
hooks/ |
Custom logical hooks and pipeable styles |
styles/ |
Design token system and common HSL tokens |
Clawhub Mobile (Expo/React Native) Advanced Features
- MVC-Lite Expansion Pattern: Enforces a 4-file separation of concerns for every screen and component.
- RTL-First Engine: Built-in support for i18next with mandatory I18nManager force-flipping and UI rehydration.
- Sensitized Logging System: Automatic redaction of sensitive data like passwords and tokens in logs.
- Power Slices: Strictly typed Redux Toolkit implementation for Auth, App, and Notification states.
- Path Alias Enforcement: Prevents relative path hell by mandating @shared, @services, and @hooks aliases.
- Observability Integration: Native Sentry support for error capturing and breadcrumb tracing.
SKILL.md
Loading
Related Openclaw Skills
The Things Network Skill
A powerful integration for connecting AI agents to The Things Network to manage LoRaWAN IoT devices and automate data workflows.
Lightstep
A powerful observability integration for Openclaw Skills that enables automated monitoring, troubleshooting, and optimization of complex software systems.
Suno-Claw: Multi-Agent AI Song Creator
A sophisticated multi-agent framework that utilizes Suno AI and the kie.ai API to generate professional-grade music through iterative creative refinement.
Google Search Console CLI
A comprehensive CLI tool for automating Google Search Console data retrieval, technical SEO inspections, and sitemap management.
OFD Text Extractor
A specialized technical utility for extracting structured text and millimeter-precise character coordinates from Open Fixed-layout Document (OFD) files.
Amazon Elasticsearch
A powerful integration for managing and automating Amazon Elasticsearch clusters via the Membrane ecosystem.
Featured*
