Một kỹ năng bậc thầy cấp sản xuất để xây dựng các ứng dụng Expo và React Native hiệu năng cao, sẵn sàng cho RTL bằng cách sử dụng mô hình MVC-Lite.
Cài đặt & Tải xuống
1. ClawHub CLI
Cách nhanh nhất để cài đặt kỹ năng trực tiếp từ thư viện.
npx clawhub@latest install react-native-clean-pattern
2. Cài đặt Thủ công
Sao chép thư mục kỹ năng vào một trong những vị trí sau
~/.openclaw/skills/ <project>/skills/ Ưu tiên: Không gian làm việc > Cục bộ > Gói sẵn
3. Cài đặt Prompt
Sao chép prompt này vào OpenClaw để tự động cài đặt.
Giúp tôi cài đặt react-native-clean-pattern bằng Clawhub. Nếu Clawhub chưa
Bạn muốn tải xuống?
Nhận các tệp kỹ năng gốc dưới dạng lưu trữ ZIP.
Clawhub Mobile (Expo/React Native) là gì?
Kỹ năng Clawhub Mobile là một khung kỹ thuật toàn diện được thiết kế cho người dùng Openclaw Skills nhằm hợp lý hóa việc phát triển ứng dụng di động. Nó áp dụng một kiến trúc nghiêm ngặt, sẵn sàng cho sản xuất bằng cách sử dụng Expo và React Native, ưu tiên tính mô-đun thông qua mô hình MVC-Lite. Kỹ năng này đảm bảo mọi dự án di động đều tuân thủ các tiêu chuẩn cao về hiệu năng, khả năng bảo trì và khả năng truy cập toàn cầu.
Bằng cách tích hợp kỹ năng Clawhub Mobile vào quy trình làm việc, các nhà phát triển có quyền truy cập vào một hướng dẫn thống nhất xử lý mọi thứ từ cung cấp ứng dụng ban đầu đến dàn dựng tính năng phức tạp. Nó nhấn mạnh việc thực thi TypeScript zero-any, các mã thiết kế tập trung và khả năng quan sát tích hợp với Sentry. Điều này đảm bảo các ứng dụng được xây dựng bằng Openclaw Skills không chỉ mạnh mẽ mà còn sẵn sàng cho thị trường toàn cầu với hỗ trợ RTL-First nguyên bản.
Trường hợp sử dụng Clawhub Mobile (Expo/React Native)
- Cung cấp các ứng dụng Expo cấp sản xuất mới với cấu trúc thư mục tiêu chuẩn hóa.
- Dàn dựng các màn hình và tính năng mới bằng cách sử dụng kiến trúc MVC-Lite 4 tệp nhất quán.
- Triển khai giao diện người dùng tuân thủ RTL cho các thị trường toàn cầu như tiếng Ả Rập hoặc tiếng Do Thái.
- Thiết lập quản lý trạng thái Redux được định kiểu nghiêm ngặt và các máy khách API singleton.
- Tự động hóa các tác vụ bảo trì dự án như thiết lập API, cơ sở hạ tầng điều hướng và tạo thành phần.
Cách thức hoạt động của Clawhub Mobile (Expo/React Native)
- Lập chiến lược cho tác vụ bằng cách xác định nó là cung cấp, mở rộng hoặc chẩn đoán trong môi trường Openclaw Skills.
- Kiểm toán mã hiện có để đảm bảo không trùng lặp và tối đa hóa việc sử dụng lại các thành phần hoặc hooks chia sẻ.
- Dàn dựng tính năng bằng cách sử dụng cấu trúc 4 tệp bắt buộc: index.tsx, controller.ts, styles.ts và types.ts.
- Khởi tạo kiểu bằng hook useAppStyle để đảm bảo tuân thủ RTL và tính nhất quán của mã thiết kế.
- Tích hợp logic giao diện người dùng với controller, kết nối với các Redux slices và máy khách API trung tâm.
- Bảo mật ứng dụng bằng cách triển khai các controller bất đồng bộ an toàn bộ nhớ bằng mountedRef.
- Xác minh việc triển khai bằng cách chạy các kiểm tra TypeScript và thử nghiệm chuyển đổi giao diện người dùng LTR/RTL.
Cài đặt Clawhub Mobile (Expo/React Native)
Để bắt đầu với kỹ năng Clawhub Mobile, hãy làm theo các bước cài đặt sau:
- Đăng ký kỹ năng bằng cách thêm thư mục vào đường dẫn Openclaw Skills của tác nhân của bạn.
- Cài đặt các phụ thuộc toàn cầu bằng npm hoặc bun:
npm install -g expo-cli eas-cli react-native-clean-pattern
HOẶC
bun clawdhub install react-native-clean-pattern
Lược đồ dữ liệu & Hệ thống phân loại của Clawhub Mobile (Expo/React Native)
Kỹ năng này tổ chức các dự án di động bằng cách sử dụng kiến trúc thư mục được định kiểu nghiêm ngặt và các bí danh đường dẫn bắt buộc để đảm bảo tính nhất quán của Openclaw Skills:
| Thư mục | Mục đích |
|---|---|
app/ |
Các tuyến đường Expo Router và điều phối bố cục |
screens/ |
Triển khai tính năng theo mô hình MVC-Lite |
components/ |
Các thành phần giao diện người dùng chia sẻ và thông thường |
services/ |
Cơ sở hạ tầng cho API, Auth, Firebase và Lưu trữ |
store/ |
Redux Power Slices được định kiểu nghiêm ngặt |
hooks/ |
Các hooks logic tùy chỉnh và kiểu có thể định tuyến |
styles/ |
Hệ thống mã thiết kế và mã HSL chung |
Tính năng Nâng cao của Clawhub Mobile (Expo/React Native)
- Mô hình mở rộng MVC-Lite: Áp dụng việc tách biệt các mối quan tâm thành 4 tệp cho mỗi màn hình và thành phần.
- Công cụ RTL-First: Hỗ trợ tích hợp cho i18next với việc lật bắt buộc I18nManager và tái tạo giao diện người dùng.
- Hệ thống ghi nhật ký nhạy cảm: Tự động che giấu các dữ liệu nhạy cảm như mật khẩu và mã thông báo trong nhật ký.
- Power Slices: Triển khai Redux Toolkit được định kiểu nghiêm ngặt cho các trạng thái Auth, App và Thông báo.
- Thực thi bí danh đường dẫn: Ngăn chặn tình trạng đường dẫn tương đối phức tạp bằng cách bắt buộc sử dụng các bí danh @shared, @services và @hooks.
- Tích hợp khả năng quan sát: Hỗ trợ Sentry nguyên bản để nắm bắt lỗi và theo dõi breadcrumb.
SKILL.md
Đang tải
Các kỹ năng Openclaw liên quan
Kỹ năng The Things Network
Một công cụ tích hợp mạnh mẽ để kết nối AI agent với The Things Network nhằm quản lý các thiết bị IoT LoRaWAN và tự động hóa quy trình dữ liệu.
Lightstep
Một tích hợp quan sát mạnh mẽ cho Openclaw Skills giúp giám sát, khắc phục sự cố và tối ưu hóa các hệ thống phần mềm phức tạp một cách tự động.
Suno-Claw: Trình tạo bài hát AI đa tác tử
Một khung đa tác tử tinh vi sử dụng Suno AI và API kie.ai để tạo ra âm nhạc cấp chuyên nghiệp thông qua tinh chỉnh sáng tạo lặp đi lặp lại.
Google Search Console CLI
Một công cụ CLI toàn diện để tự động hóa việc truy xuất dữ liệu từ Google Search Console, kiểm tra kỹ thuật SEO và quản lý sơ đồ trang web.
Trình trích xuất văn bản OFD
Một tiện ích kỹ thuật chuyên dụng để trích xuất văn bản có cấu trúc và tọa độ ký tự chính xác đến từng milimét từ các tệp Open Fixed-layout Document (OFD).
Amazon Elasticsearch
Một tích hợp mạnh mẽ để quản lý và tự động hóa các cụm Amazon Elasticsearch thông qua hệ sinh thái Membrane.
Đặc sắc*
