MVC-Liteパターンを使用して、高性能でRTL対応のExpoおよびReact Nativeアプリケーションを構築するためのプロダクションレベルのマスタースキルです。
インストール＆ダウンロード
1. ClawHub CLI
レジストリから直接スキルをインストールする最速の方法です。
npx clawhub@latest install react-native-clean-pattern
2. 手動インストール
スキルフォルダを以下のいずれかの場所にコピーしてください
~/.openclaw/skills/ <project>/skills/ 優先順位：ワークスペース > ローカル > バンドル
3. プロンプトのインストール
このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。
Clawhubを使って react-native-clean-pattern をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。
ダウンロードをご希望ですか？
ZIPアーカイブで生のスキルファイルを取得します。
Clawhub Mobile (Expo/React Native) とは？
Clawhub Mobileスキルは、Openclaw Skillsユーザーがモバイルアプリケーション開発を効率化するために設計された包括的な技術フレームワークです。MVC-Liteパターンを通じてモジュール化を強制し、厳格なプロダクション環境に対応したアーキテクチャを実現します。このスキルは、すべてのモバイルプロジェクトが高性能、保守性、およびグローバルアクセシビリティの高度な基準を確実に満たすようにします。
Clawhub Mobileスキルをワークフローに統合することで、開発者は初期アプリのプロビジョニングから複雑な機能のスキャフォールディングまで、すべてを網羅した統合ガイドを活用できます。TypeScriptのzero-any強制、集中型デザイントークン、Sentryによる内蔵の観測可能性（observability）を重視しています。これにより、Openclaw Skillsで構築されたアプリは堅牢であるだけでなく、ネイティブなRTL-Firstサポートによりグローバル市場にも即座に対応可能です。
Clawhub Mobile (Expo/React Native) のユースケース
- 標準化されたフォルダ構造を持つ、新しいプロダクション級Expoアプリケーションのプロビジョニング。
- 一貫した4ファイル構成のMVC-Liteアーキテクチャを使用した、新しい画面や機能のスキャフォールディング。
- アラビア語やヘブライ語などのグローバル市場に向けたRTL対応ユーザーインターフェースの実装。
- 厳密に型定義されたRedux状態管理およびシングルトンAPIクライアントの設定。
- API設定、ナビゲーションインフラ、コンポーネント作成などのプロジェクト保守タスクの自動化。
Clawhub Mobile (Expo/React Native) の仕組み
- Openclaw Skills環境内で、タスクをプロビジョニング、拡張、診断のいずれかとして識別し、戦略を策定します。
- 既存のコードを監査し、重複をゼロにして、共有コンポーネントやhooksの再利用を最大化します。
- 必須の4ファイル構造（index.tsx, controller.ts, styles.ts, types.ts）を使用して機能をスキャフォールディングします。
- useAppStyle hookを使用してスタイルを初期化し、RTL適合性とデザイントークンの一貫性を確保します。
- UIロジックをcontrollerと統合し、Redux slicesおよび中央APIクライアントに接続します。
- mountedRefを使用したメモリ安全な非同期controllerを実装して、アプリケーションを保護します。
- TypeScriptチェックを実行し、LTR/RTL UIの切り替えをテストして、実装を検証します。
Clawhub Mobile (Expo/React Native) のセットアップ
Clawhub Mobileスキルの使用を開始するには、以下のインストール手順に従ってください：
- ディレクトリをエージェントのOpenclaw Skillsパスに追加して、スキルを登録します。
- npmまたはbunを使用してグローバル依存関係をインストールします：
npm install -g expo-cli eas-cli react-native-clean-pattern
または
bun clawdhub install react-native-clean-pattern
Clawhub Mobile (Expo/React Native) のデータスキーマとタクソノミー
このスキルは、Openclaw Skillsの一貫性を保つため、厳密に型定義されたフォルダアーキテクチャと強制的なパスエイリアスを使用してモバイルプロジェクトを整理します：
| ディレクトリ | 用途 |
|---|---|
app/ |
Expo Routerのルートおよびレイアウトオーケストレーター |
screens/ |
MVC-Liteパターンに従った機能実装 |
components/ |
共有および通常のUIアトム/分子コンポーネント |
services/ |
API、Auth、Firebase、およびStorageのインフラ |
store/ |
厳密に型定義されたRedux Power Slices |
hooks/ |
カスタムロジックhooksおよびパイプ可能なスタイル |
styles/ |
デザイントークンシステムおよび一般的なHSLトークン |
Clawhub Mobile (Expo/React Native) の高度な機能
- MVC-Lite拡張パターン：すべての画面とコンポーネントに対して、4ファイルによる懸念の分離を強制します。
- RTL-Firstエンジン：強制的なI18nManager反転およびUI再ハイドレーション機能を備えたi18nextのサポートを内蔵。
- 秘匿ログシステム：ログ内のパスワードやトークンなどの機密データを自動的に秘匿します。
- Power Slices：Auth、App、Notification状態のための厳密に型定義されたRedux Toolkit実装。
- パスエイリアス強制：@shared、@services、@hooksエイリアスを必須とし、相対パス地獄を防止します。
- 観測可能性の統合：エラーキャプチャおよびパンくずリスト（breadcrumb）追跡のためのネイティブSentryサポート。
SKILL.md
ローディング
関連するOpenclawのスキル
The Things Network スキル
AIエージェントをThe Things Networkに接続し、LoRaWAN IoTデバイスを管理してデータワークフローを自動化するための強力な統合ツールです。
Lightstep
複雑なソフトウェアシステムの自動監視、トラブルシューティング、最適化を可能にする、Openclaw Skillsのための強力な可観測性統合機能です。
Suno-Claw: マルチエージェント AI ソングクリエイター
Suno AI と kie.ai API を活用し、反復的な創造的改善を通じてプロレベルの音楽を生成する洗練されたマルチエージェントフレームワークです。
Google Search Console CLI
Google Search Console データの取得、技術的な SEO 検査、サイトマップ管理を自動化するための包括的な CLI ツール。
OFDテキスト抽出器
オープン固定レイアウトドキュメント（OFD）ファイルから構造化テキストとミリメートル単位の正確な文字座標を抽出するための専門的な技術ユーティリティです。
Amazon Elasticsearch
Membraneエコシステムを介してAmazon Elasticsearchクラスタを管理および自動化するための強力な統合ツールです。
目標駆動型ウェブサイト分析と改善
想定されるユーザーの旅と、実際の Google Analytics および Search Console データを比較してウェブサイトのパフォーマンスを監査するための包括的なフレームワークです。
XHS カバー生成器
ローカライズされた中国語のタイポグラフィと複数のレイアウトスタイルを備えた、小紅書用のプロフェッショナルなカバー画像を作成するためのAI駆動ユーティリティ。
特徴*
