适用于 Openclaw 的 Clawhub Mobile (Expo/React Native)

这是一个用于使用 MVC-Lite 模式构建高性能、支持 RTL 的 Expo 和 React Native 应用程序的生产级大师技能。

yahongie2014
v1.0.5
2026年4月8日
1
974
0

安装与下载

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 技能集成到工作流中,开发者可以获得一个统一指南,处理从初始应用配置到复杂功能搭建的所有事务。它强调零 any 类型(zero-any)的 TypeScript 强制执行、集中式设计标记,以及内置的 Sentry 可观测性。这确保了使用 Openclaw Skills 构建的应用不仅稳健,而且凭借原生的 RTL-First 支持,能够随时进入全球市场。

Clawhub Mobile (Expo/React Native) 应用场景

  • 配置具有标准化文件夹结构的新生产级 Expo 应用程序。
  • 使用一致的 4 文件 MVC-Lite 架构搭建新屏幕和功能。
  • 为阿拉伯语或希伯来语等全球市场实现符合 RTL 标准的用户界面。
  • 设置严格类型化的 Redux 状态管理和单例 API 客户端。
  • 自动化项目维护任务,如 API 设置、导航基础设施和组件创建。

Clawhub Mobile (Expo/React Native) 工作原理

  1. 在 Openclaw Skills 环境中,通过识别任务为配置、扩展或诊断来进行策略规划。
  2. 审计现有代码,确保零重复,并最大限度地重用共享组件或 hooks。
  3. 使用强制性的 4 文件结构搭建功能:index.tsx, controller.ts, styles.ts 和 types.ts。
  4. 使用 useAppStyle hook 初始化样式,以确保 RTL 合规性和设计标记的一致性。
  5. 将 UI 逻辑与 controller 集成,连接到 Redux slices 和中央 API 客户端。
  6. 通过使用 mountedRef 实现内存安全的异步 controller 来保护应用程序。
  7. 通过运行 TypeScript 检查并测试 LTR/RTL UI 切换来验证实现。

Clawhub Mobile (Expo/React Native) 配置指南

要开始使用 Clawhub Mobile 技能,请按照以下安装步骤操作:

  1. 通过将目录添加到您的 agent 的 Openclaw Skills 路径来注册该技能。
  2. 使用 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 引擎:内置对 i18next 的支持,具有强制性的 I18nManager 翻转和 UI 重新渲染。
  • 敏感日志系统:自动屏蔽日志中的密码和令牌等敏感数据。
  • Power Slices:用于 Auth、App 和 Notification 状态的严格类型化 Redux Toolkit 实现。
  • 路径别名强制:通过强制使用 @shared、@services 和 @hooks 别名来防止相对路径地狱。
  • 可观测性集成:原生 Sentry 支持,用于错误捕获和面包屑追踪。

SKILL.md


加载中

Openclaw 相关技能

METADATA

Github Stars: 0
forks: 0

精选*