rn-performance
79React Nativeパフォーマンスの最適化
React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。
React Native 向け Expo Router ナビゲーションを構築する
React Native チームには、タブ、スタック、モーダル、ディープリンク全体で予測可能なナビゲーションが必要です。このスキルは、一般的なルーティング判断のための Expo Router パターンを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "rn-navigation" from https://skillstore.io/skills/cjharmath-rn-navigation.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-navigation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「rn-navigation」を使用しています。 Home と Profile 用の下部タブに加えて、タブの外側にプレイヤー詳細画面が必要です。
期待される結果:
このスキルは、Home と Profile 用のタブグループ、プレイヤー詳細画面用のルートスタック、プレイヤー識別子用のルートパラメーターを推奨します。
「rn-navigation」を使用しています。 ディープリンクでアプリは開きますが、期待した画面に到達しません。
期待される結果:
このスキルは、アプリの scheme、ユニバーサルリンクのドメイン設定、ルートファイル名、解析された受信 URL パスの確認を案内します。
「rn-navigation」を使用しています。 ログイン後、ユーザーがログイン画面に戻れてしまいます。
期待される結果:
このスキルは、ログイン後の置換ナビゲーションと、認証済みユーザーを認証画面からリダイレクトする保護されたルートチェックを推奨します。
I reviewed the single Markdown skill and found the static alerts are false positives caused by code fences, inline code terms, a placeholder universal-link URL, and route parameter names. The skill contains Expo Router navigation guidance and does not include executable scripts, prompt injection text, data exfiltration instructions, or malicious network behavior.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cjharmath-rn-navigation/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-rn-navigation?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-rn-navigation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-navigation/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-rn-navigation.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CJHarmath. (2026). rn-navigation security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-navigation/audits/8@techreport{cjharmath-cjharmath-rn-navigation-2026,
author = {CJHarmath},
title = {rn-navigation security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-rn-navigation/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "rn-navigation security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-rn-navigation/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-navigation:audit:8"
description: "Skillstore immutable audit report identifier"
タブ、スタック、動的ページ、フォールバック画面を備えた明確な Expo Router ルートツリーを作成します。
モーダル、保護されたルート、ディープリンク、ナビゲーションパラメーターについて一貫した選択を文書化します。
タブ、ヘッダー、params、戻る動作、ディープリンクが機能しない場合の一般的な原因を確認します。
rn-navigation スキルを使用して、Home、Profile、Settings、Not Found 画面を持つアプリのシンプルな Expo Router ルート構造を設計してください。
rn-navigation スキルを使用して、型付きルートパラメーターを使ってリスト画面から詳細画面へ移動する方法を示してください。
rn-navigation スキルを使用して、認証画面、メインタブ、予約モーダル、ログイン後の安全なリダイレクトを備えた Expo Router レイアウトを計画してください。
rn-navigation スキルを使用して、私の Expo Router 構造をレビューし、壊れたタブ、欠落したヘッダー、誤った params、失敗したディープリンクの考えられる原因を特定してください。
作成者
CJHarmathライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
メンテナンスの新しさ
2026/7/18
利用状況
7 ダウンロード · 185 閲覧
ファイル構成
📄 SKILL.md
React Nativeパフォーマンスの最適化
React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。
React Zustand Store パターンを改善する
React チームは、Zustand を使用する際に古い state、レンダータイミング、非同期 action のバグに直面することがあります。このスキルは、store、selector、派生 state、テスト、デバッグ、永続化のための直接的なパターンを提供します。
React アプリを確実にデプロイ
React のデプロイ設定は反復的でミスが起きやすい場合があります。このスキルは、Vercel、Netlify、Docker、CI/CD、環境、監視に関する実践的な例を提供します。
信頼性の高いReact Native Zustandストアを構築する
React Nativeチームは、古くなった状態、非同期アクションのタイミング、回避可能なレンダーに時間を奪われがちです。このスキルは、ストアの振る舞いを推論、テスト、デバッグしやすくするZustandパターンを提供します。
React Nativeスタイリングパターンを適用する
React Nativeのスタイリングは、テーマ、画面、プラットフォーム間で一貫性が失われやすくなります。このスキルは、Expoアプリ向けに実用的なNativeWindとBrandColorsのパターンを提供します。
React Nativeのオブザーバビリティを改善する
サイレントな失敗や不十分なエラーメッセージは、モバイルのバグ診断を難しくします。このスキルは、ログ、エラー、トレース、安全なレポート作成のための実用的なReact Nativeパターンを提供します。
ネイティブな Expo アプリインターフェイスを構築する
作成者 expo
Expo アプリでは、ネイティブらしいナビゲーション、コントロール、メディア、視覚的な仕上げが必要になることがよくあります。この skill は、Codex と Claude に Expo Router UI 作業の実践的なパターンを提供します。
React Native アプリを最適化
作成者 vercel-labs
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。
Expo 向け Tailwind CSS の設定
作成者 expo
Expo チームには、ネイティブと Web のターゲット全体で一貫したスタイリングが必要です。このスキルは、Tailwind CSS v4、NativeWind v5、react-native-css のための集中的なセットアップ手順を提供します。
ネイティブテスト用の Expo Dev Client をビルドする
作成者 expo
Expo チームは、ネイティブコードが Expo Go の範囲を超える場合に、信頼性の高い開発クライアントを必要とします。このスキルは、EAS ビルド設定、TestFlight 配布、ローカルビルド、インストール、基本的なトラブルシューティングを案内します。
Expo APIルートを構築する
作成者 expo
Expo Router の APIルートは、シークレット、デプロイ、ランタイム制限が関わるとわかりにくくなることがあります。このスキルは、EAS Hosting 上でルートを構築、テスト、デプロイするための実践的なパターンを提供します。
Expo DOM コンポーネントを構築
作成者 expo
Expo チームは、ネイティブアプリ内で Web ライブラリを使う必要がよくありますが、それらを書き直したくはありません。このスキルは、安全な DOM コンポーネントパターンを通じて Claude、Codex、Claude Code を導きます。