rn-performance
79React Nativeパフォーマンスの最適化
React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。
Expo のネイティブ機能を実装する
Expo アプリでは、慎重な権限管理とプラットフォーム対応を伴うネイティブデバイス機能が必要になることがよくあります。このスキルは、カメラ、通知、ハプティクス、位置情報、ストレージ、アプリ状態、キーボード動作を追加するための焦点を絞ったパターンを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "rn-native-features" from https://skillstore.io/skills/cjharmath-rn-native-features.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-native-features/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「rn-native-features」を使用しています。 プロフィール画面にカメラサポートを追加してください。
期待される結果:
「rn-native-features」を使用しています。 ベータリリース向けに Expo プッシュ通知を準備してください。
期待される結果:
「rn-native-features」を使用しています。 設定と認証トークン用のストレージを選択してください。
期待される結果:
The static command findings are false positives caused by Markdown code fences in SKILL.md, not Ruby or shell execution. The hardcoded URL is the official Expo Push API endpoint in a backend notification example. The blocker finding is a keyboard layout comment, and no prompt injection or malicious intent was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cjharmath-rn-native-features/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-rn-native-features?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-rn-native-features?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-native-features/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-rn-native-features.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-native-features security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-native-features/audits/8@techreport{cjharmath-cjharmath-rn-native-features-2026,
author = {CJHarmath},
title = {rn-native-features security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-rn-native-features/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-native-features 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-native-features/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-native-features:audit:8"
description: "Skillstore immutable audit report identifier"
許可済み、拒否済み、未リクエストの状態を処理しながら、カメラ撮影またはギャラリー選択を追加します。
Expo プッシュトークン登録、ローカルリマインダー、フォアグラウンド動作、タップ処理、バックエンド送信を計画します。
実装前に、位置情報、ハプティクス、セキュアストレージ、アプリライフサイクル、キーボードのパターンを確認します。
rn-native-features を使用して、Expo React Native 画面にカメラ権限処理を追加してください。コードを示す前に状態を説明してください。
rn-native-features を使用して、Expo の画像撮影とギャラリー選択フローを設計してください。権限処理、編集オプション、ユーザーフィードバックを含めてください。
rn-native-features を使用して、Expo のプッシュ通知登録、フォアグラウンド処理、タップレスポンス、安全なバックエンド送信計画を実装してください。
rn-native-features を使用して、権限の抜け、実機のみの制約、ストレージ選択、テスト手順の観点から、私の Expo ネイティブ機能計画をレビューしてください。
作成者
CJHarmathライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
メンテナンスの新しさ
2026/7/18
利用状況
8 ダウンロード · 196 閲覧
ファイル構成
📄 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パターンを提供します。
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 DOM コンポーネントを構築
作成者 expo
Expo チームは、ネイティブアプリ内で Web ライブラリを使う必要がよくありますが、それらを書き直したくはありません。このスキルは、安全な DOM コンポーネントパターンを通じて Claude、Codex、Claude Code を導きます。
Expoのネットワーキングフローを構築
作成者 expo
モバイルアプリには、信頼性の高いAPIリクエスト、キャッシュ、トークン処理、オフライン動作が必要です。このスキルは、Expo開発者がfetch、React Query、SecureStore、NetInfo、環境ベースの設定を扱うためのガイドです。
シミュレータでiOSアプリをデバッグ
作成者 Dimillian
iOSシミュレータでのデバッグでは、多くの場合、ビルド、起動、UI、ログに関する複数の手順が個別に必要になります。このスキルは、1回のガイド付きセッションでアプリの挙動を調査するための明確なXcodeBuildMCPワークフローをClaudeに提供します。