技能 react-native-architecture

📦

react-native-architecture

Name: react-native-architecture
Author: wshobson

内容修订 r1 安全 ⚙️ 外部命令🌐 网络访问

使用 Expo 架构 React Native 应用

React Native 团队需要可重复使用的模式来处理导航、原生 API、离线数据和发布。此技能提供以 Expo 为核心的架构指导和示例，帮助 Claude、Codex 和 Claude Code 构建生产级移动应用。

支持: Claude Codex Code(CC)

🥉 77 青铜

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "react-native-architecture" from https://skillstore.io/skills/wshobson-react-native-architecture.md and its manifest at https://skillstore.io/api/skills/wshobson-react-native-architecture/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/wshobson-react-native-architecture.md 已签名 manifest GET /api/skills/wshobson-react-native-architecture/manifest 已签名 lockfile GET /api/skills/wshobson-react-native-architecture/lockfile

测试它

正在使用“react-native-architecture”。为一个新的 Expo marketplace app 规划架构。

预期结果:

一份简洁的架构大纲，涵盖应用文件夹、路由组、共享 providers、功能模块、服务边界和分阶段设置步骤。

正在使用“react-native-architecture”。帮助我为产品浏览和创建添加离线支持。

预期结果:

一份数据流计划，涵盖缓存查询、持久化存储、乐观创建、重试行为和冲突处理决策。

正在使用“react-native-architecture”。在提交应用商店之前审查我的移动发布检查清单。

预期结果:

一份发布就绪审查，涵盖 EAS profiles、原生权限、凭据、OTA 更新策略、设备测试和性能检查。

安全审计

安全

v8 • 2026/7/8 打开版本化报告

Static analysis flagged Markdown fences, TypeScript examples, documentation links, and mobile build snippets as risky patterns. I found no evidence of automatic command execution, credential exfiltration, runtime network calls, system reconnaissance, or prompt injection in SKILL.md.

已扫描文件

672

分析行数

复核项

已忽略误报

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/wshobson-react-native-architecture/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/wshobson-react-native-architecture/security.svg)](https://skillstore.io/skills/wshobson-react-native-architecture?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/wshobson-react-native-architecture?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-react-native-architecture/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/wshobson-react-native-architecture.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

wshobson. (2026). react-native-architecture security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-react-native-architecture/audits/8

BibTeX 引用

@techreport{wshobson-wshobson-react-native-architecture-2026,
  author = {wshobson},
  title = {react-native-architecture security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/wshobson-react-native-architecture/audits/8},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-native-architecture security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "wshobson"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/wshobson-react-native-architecture/audits/8"
identifiers:
  - type: other
    value: "skillstore:wshobson-react-native-architecture:audit:8"
    description: "Skillstore immutable audit report identifier"

比较变体

2 个可安装变体

每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。

为什么此变体排名第一

Skillstore 评分最高

作者 / 来源 Skillstore 评分证据置信度 Skillstore 使用量已更新

sickn33 推荐

sickn33-react-native-architecture

Skillstore 评分 78

证据置信度高

Skillstore 使用量 15

已更新

2026-09-09

wshobson 当前

wshobson-react-native-architecture

Skillstore 评分 77

证据置信度高

Skillstore 使用量 17

已更新

2026-09-09

Skillstore 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

规划新的移动应用

创建可维护的 Expo 项目结构，包括路由、providers、services、hooks 和功能组件。

添加生产级应用模式

将认证、离线数据缓存、原生设备 API 和发布工作流引入现有应用。

审查 React Native 架构

根据 Expo、导航、状态、性能和平台特定最佳实践对比当前实现。

试试这些提示

创建起步架构

使用 react-native-architecture skill 为 TypeScript 移动应用设计一个起步 Expo 应用结构。包括文件夹、providers、导航分组以及首批实现步骤。

设计导航和认证

使用 react-native-architecture skill 规划包含已认证和未认证区域的 Expo Router 导航。包括受保护路由行为和 token 存储指导。

添加离线数据模式

使用 react-native-architecture skill 设计离线优先的产品数据流，包括 React Query 持久化、乐观更新和网络重连行为。

审计生产应用计划

使用 react-native-architecture skill 审查我的 React Native 发布计划。检查导航、原生模块、性能、EAS build profiles、应用商店提交和平台风险。

最佳实践

在请求变更之前，分享当前应用结构、Expo SDK 版本、导航方式和原生模块需求。
当某个功能在 iOS、Android 或 web 上表现不同时，请询问平台特定说明。
在生产环境中使用任何 CLI 命令、凭据路径、权限和应用商店设置之前，先进行审查和调整。

避免

不要将占位应用 ID、电子邮件地址、凭据或 API 名称复制到生产配置中。
不要把示例视为完整的安全、错误处理或合规实现。
在检查版本、项目状态和仓库策略之前，不要运行包安装或 EAS 命令。

常见问题

此技能最适合 Expo 还是 bare React Native？

它以 Expo 和 EAS 工作流为中心，同时仍会说明何时可能需要 bare React Native。

它能生成完整的移动应用吗？

它可以指导结构和实现模式，但仍需要项目特定代码、资源、API 和测试。

它涵盖认证吗？

是的。它包含使用 Expo SecureStore 的受保护路由模式和 token 存储方法。

它支持离线优先应用吗？

是的。它涵盖 React Query 持久化、网络状态跟踪、陈旧数据和乐观更新。

这些构建命令可以安全运行吗？

它们是标准的 Expo 和 EAS 示例，但用户应先验证包版本、凭据和项目设置。

为了获得最佳结果，我应该提供什么？

请提供你的 Expo 版本、路由计划、目标平台、原生模块、API 形态和发布需求。

开发者详情

作者

wshobson

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/wshobson/agents/tree/main/plugins/frontend-mobile-development/skills/react-native-architecture

引用

64ca8af0f54a325752f08bd54e52151061ea659a

维护新鲜度

2026/7/20

使用量

13 次下载 · 254 次浏览

文件结构

📄 SKILL.md

wshobson 的更多技能

查看全部

📦

prompt-engineering-patterns

优化生产环境 LLM 提示词

LLM 提示词经常失败，是因为指令、示例和评估标准不清晰。此技能提供模板和工作流，用于改进 Claude、Codex、Claude Code 以及类似工具中的提示词。

效率查看

📦

context-driven-development

管理上下文驱动开发

当产品目标、技术栈选择和工作流规则分散各处时，AI 辅助项目会失去一致性。此技能通过 Conductor 上下文工件指导 Claude、Codex 和 Claude Code。

编码与开发查看

📦

startup-financial-modeling

构建初创公司财务模型

初创团队在规划招聘、融资和现金使用之前，需要清晰的预测。此技能将收入、成本、资金可支撑时间和情景分析组织成实用的财务规划输出。

数据与分析查看

📦

kpi-dashboard-design

设计推动决策的 KPI 仪表板

团队经常构建展示大量数字却无法指导行动的仪表板。此技能可帮助 Claude、Codex 和 Claude Code 选择有意义的 KPI、组织视图，并清晰呈现指标。

设计与创意查看

📦

postmortem-writing

编写无责事故复盘

事故评审常常变得不一致、侧重追责，或难以转化为行动。此技能帮助 Claude、Codex 和 Claude Code 起草结构化复盘，包含清晰的时间线、根本原因和负责人。

写作与内容查看

📦

data-storytelling

构建清晰的数据故事

原始指标往往难以说服利益相关者或支持决策。此技能帮助 Claude、Codex 和 Claude Code 将分析塑造成清晰的叙事、视觉呈现和建议。

数据与分析查看

查看全部

📦

nestjs-code-audit

Audit NestJS Code with Evidence-Backed Findings

由 amirtaherkhani

NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.

编码与开发查看

📦