スキル react-native-architecture

📦

react-native-architecture

Name: react-native-architecture
Author: wshobson

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス

ExpoでReact Nativeアプリを設計

React Nativeチームには、ナビゲーション、ネイティブAPI、オフラインデータ、リリースのための再利用可能なパターンが必要です。このスキルは、Claude、Codex、Claude Codeが本番向けモバイルアプリを形作るのに役立つ、Expoに特化したアーキテクチャガイダンスと例を提供します。

対応: 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.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

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マーケットプレイスアプリのアーキテクチャを計画してください。

期待される結果:

アプリフォルダー、ルートグループ、共有providers、機能モジュール、サービス境界、段階的なセットアップ手順を含む簡潔なアーキテクチャ概要。

「react-native-architecture」を使用しています。商品閲覧と作成にオフライン対応を追加するのを手伝ってください。

期待される結果:

キャッシュされたqueries、永続化されたストレージ、楽観的作成、リトライ動作、競合処理の判断を扱うデータフロー計画。

「react-native-architecture」を使用しています。アプリストア申請前にモバイルリリースチェックリストをレビューしてください。

期待される結果:

EAS profiles、ネイティブ権限、認証情報、OTA update戦略、デバイステスト、パフォーマンスチェックを扱うリリース準備レビュー。

セキュリティ監査

安全

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

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (22)

🌐 ネットワークアクセス (4)

SKILL.md:668 SKILL.md:669 SKILL.md:670 SKILL.md:671

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: 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 利用状況 14

更新済み

2026-09-09

wshobson 現在

wshobson-react-native-architecture

Skillstore スコア 77

証拠の信頼度高

Skillstore 利用状況 16

更新済み

2026-09-09

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

新しいモバイルアプリを計画する

ルーティング、providers、services、hooks、機能コンポーネントを備えた、保守しやすいExpoプロジェクト構造を作成します。

本番アプリ向けパターンを追加する

既存アプリに認証、オフラインデータキャッシュ、ネイティブデバイスAPI、リリースワークフローを導入します。

React Nativeアーキテクチャをレビューする

現在の実装を、Expo、ナビゲーション、状態管理、パフォーマンス、プラットフォーム固有のベストプラクティスと比較します。

これらのプロンプトを試す

スターターアーキテクチャを作成する

react-native-architecture skillを使用して、TypeScriptモバイルアプリ向けのスターターExpoアプリ構造を設計してください。フォルダー、providers、ナビゲーショングループ、最初の実装手順を含めてください。

ナビゲーションと認証を設計する

react-native-architecture skillを使用して、認証済み領域と未認証領域を持つExpo Routerナビゲーションを計画してください。保護されたルートの動作とトークン保存のガイダンスを含めてください。

オフラインデータパターンを追加する

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を使用した保護されたルートパターンとトークン保存方法を含みます。

オフラインファーストのアプリをサポートしていますか？

はい。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/25

利用状況

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 が分析を明確なナラティブ、ビジュアル、推奨事項へと整理するのを支援します。

データ＆アナリティクス表示

すべて表示

📦

vercel-react-native-skills

React Native アプリを最適化

作成者 vercel-labs

React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。

コーディング＆開発表示

📦