技能 react-native-architecture

📦

react-native-architecture

Name: react-native-architecture
Author: wshobson

內容修訂 r1 安全 ⚙️ 外部命令🌐 網路存取

使用 Expo 建構 React Native App 架構

React Native 團隊需要可重複使用的模式來處理導覽、原生 API、離線資料和發布。此 skill 提供以 Expo 為核心的架構指引與範例，協助 Claude、Codex 和 Claude Code 規劃正式環境行動 App。

支援: Claude Codex Code(CC)

🥉 77 銅級

Maintain this Skill? Claim it 🥉 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 架構。

預期結果:

簡潔的架構大綱，包含 App 資料夾、route groups、shared providers、feature modules、service boundaries 和分階段設定步驟。

正在使用「react-native-architecture」。協助我為商品瀏覽和建立加入離線支援。

預期結果:

資料流程計畫，涵蓋 cached queries、persisted storage、optimistic creation、retry behavior 和 conflict-handling decisions。

正在使用「react-native-architecture」。在 App Store 提交前審查我的行動發布 checklist。

預期結果:

發布準備度審查，涵蓋 EAS profiles、native permissions、credentials、OTA update strategy、device testing 和 performance checks。

安全審計

安全

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 使用量 18

已更新

2026-09-09

wshobson 目前

wshobson-react-native-architecture

Skillstore 評分 77

證據置信度高

Skillstore 使用量 20

已更新

2026-09-09

Skillstore 評分

評分依據證據置信度: 高

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

規劃新的行動 App

建立可維護的 Expo 專案結構，包含 routing、providers、services、hooks 和 feature components。

加入正式環境 App 模式

將驗證、離線資料快取、原生裝置 API 和發布工作流程導入現有 App。

審查 React Native 架構

將目前實作與 Expo、導覽、狀態、效能和平台特定最佳實務進行比較。

試試這些提示

建立起始架構

Use the react-native-architecture skill to design a starter Expo app structure for a TypeScript mobile app. Include folders, providers, navigation groups, and the first implementation steps.

設計導覽與驗證

Use the react-native-architecture skill to plan Expo Router navigation with authenticated and unauthenticated areas. Include protected route behavior and token storage guidance.

加入離線資料模式

Use the react-native-architecture skill to design offline-first product data flows with React Query persistence, optimistic updates, and network reconnection behavior.

稽核正式環境 App 計畫

Use the react-native-architecture skill to review my React Native release plan. Check navigation, native modules, performance, EAS build profiles, app store submission, and platform risks.

最佳實務

在要求變更前，先分享目前的 App 結構、Expo SDK 版本、導覽方式和原生模組需求。
當功能在 iOS、Android 或 web 上有不同行為時，請要求提供平台特定注意事項。
在正式環境使用前，審查並調整每個 CLI command、credential path、permission 和 App Store setting。

避免

不要將 placeholder app IDs、email addresses、credentials 或 API names 複製到正式環境設定中。
不要把範例視為完整的安全性、錯誤處理或合規實作。
在未檢查版本、專案狀態和 repository policy 前，不要執行 package installation 或 EAS commands。

常見問題

這個 skill 最適合搭配 Expo 還是 bare React Native？

它以 Expo 和 EAS 工作流程為中心，同時也會說明何時可能需要 bare React Native。

它可以產生完整的行動 App 嗎？

它可以指引結構和實作模式，但仍需要專案特定的程式碼、資產、API 和測試。

它涵蓋驗證嗎？

可以。它包含使用 Expo SecureStore 的受保護路由模式和 token 儲存方式。

它支援 offline-first apps 嗎？

可以。它涵蓋 React Query persistence、網路狀態追蹤、stale data 和 optimistic updates。

這些 build commands 執行起來安全嗎？

它們是標準的 Expo 和 EAS 範例，但使用者應先驗證 package versions、credentials 和 project settings。

我應該提供什麼才能得到最佳結果？

請提供你的 Expo 版本、routing plan、target platforms、native modules、API shape 和 release requirements。

開發者詳細資訊

作者

wshobson

授權

MIT

Skillstore 修訂

版本提示

作者未聲明版本。

儲存庫

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

引用

64ca8af0f54a325752f08bd54e52151061ea659a

維護新鮮度

2026/7/22

使用量

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.

程式開發查看

📦