rn-performance
79React Nativeパフォーマンスの最適化
React Nativeアプリでは、リストの遅さ、余分なレンダー、JSスレッドの停止が発生することがあります。このスキルは、より高速なFlatList画面、メモ化されたコンポーネント、最適化されたセレクター、キャッシュされた画像、プロファイリングのための重点的なパターンを提供します。
React Nativeのオブザーバビリティを改善する
サイレントな失敗や不十分なエラーメッセージは、モバイルのバグ診断を難しくします。このスキルは、ログ、エラー、トレース、安全なレポート作成のための実用的なReact Nativeパターンを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "rn-observability" from https://skillstore.io/skills/cjharmath-rn-observability.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-observability/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「rn-observability」を使用しています。 A save flow returns early when a retake area is missing.
期待される結果:
回答はサイレントなリターンを特定し、警告ログを推奨し、診断用に安全な識別子と件数のみを含めます。
「rn-observability」を使用しています。 A production crash report says only that no answers were found.
期待される結果:
「rn-observability」を使用しています。 An async assessment flow fails without showing the failed step.
期待される結果:
回答は、フロー識別子、ステップログ、状態スナップショット、単一のエラーキャプチャポイントを推奨します。
All static findings were adjudicated as false positives. The external command alerts are Markdown code fences or TypeScript template literals, and the sensitive-file alerts are object key counts or redaction helper examples rather than certificate or key file access. No prompt injection or malicious intent was found in SKILL.md.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cjharmath-rn-observability/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-rn-observability?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-rn-observability?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-observability/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-rn-observability.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-observability security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-observability/audits/7@techreport{cjharmath-cjharmath-rn-observability-2026,
author = {CJHarmath},
title = {rn-observability security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-rn-observability/audits/7},
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-observability security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-rn-observability/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-observability:audit:7"
description: "Skillstore immutable audit report identifier"
機密値を公開せずに、React Native機能へ明確なログイベントを追加します。
モバイルワークフローがどこで失敗したかを示すエラーメッセージとフロートレースを設計します。
ログレベル、アサーション、マスキング、クラッシュレポートのコンテキストに関するチーム向けガイダンスを作成します。
このReact Native関数をレビューし、早期リターンに対してどこにログを追加すべきか提案してください。各ログについて、理由と最小限の安全なコンテキストを含めてください。
これらのReact Nativeエラーメッセージを、場所、失敗した条件、関連する状態の件数、考えられる原因を含むように書き換えてください。機密値は避けてください。
この非同期React Nativeワークフローのオブザーバビリティを設計してください。フロー識別子、ステップ単位のログ、状態スナップショット、エラーレポート境界を追加してください。
このReact Nativeのオブザーバビリティ計画を本番環境向けに監査してください。ログレベル、マスキング、クラッシュレポートのコンテキスト、一時的なデバッグログ、欠落している失敗パスを確認してください。
作成者
CJHarmathライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
メンテナンスの新しさ
2026/7/18
利用状況
7 ダウンロード · 247 閲覧
ファイル構成
📄 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 状態フローを設計する
複雑な React フローは、await の漏れ、隠れた遷移、弱いエラー状態によって失敗しがちです。このスキルは、明示的な状態設計、検証、UI フィードバック、統合テストをガイドします。
本番エラーをより速く診断
作成者 sickn33
ログ、トレース、リリース情報が分散していると、本番エラーのデバッグには時間がかかります。このスキルは、Claude、Codex、Claude Code による構造化された根本原因分析とオブザーバビリティ改善を支援します。
エラーと根本原因のデバッグ
作成者 89jobrien
証拠がログ、スタックトレース、サービス全体に分散していると、エラーやインシデントのトリアージは困難です。このスキルは診断を構造化し、ログを解析し、パターンを特定し、最小限の修正へ導きます。
コードのコンテキストをより速く見つける
作成者 89jobrien
開発者は、コードがなぜ存在するのか、何がそれに依存しているのかを追跡するのに時間を失いがちです。このスキルは、変更前に Claude、Codex、Claude Code に対して、関連するグラフ知識、呼び出し元、インポート、テストを収集するよう促します。
ソフトウェアの問題を体系的にデバッグする
作成者 Asmayaseen
構造化されていないバグ修正は時間を浪費し、本当の失敗原因を隠すことがあります。このスキルは Claude、Codex、Claude Code に、証拠に基づく根本原因分析をガイドします。
AIエージェントにおけるコンテキスト劣化の診断
作成者 ChakshuGautam
長い会話や大規模なプロンプトにより、AIエージェントは重要な情報を見失ったり、矛盾するコンテキストに従ったりすることがあります。このスキルは、Claude、Codex、Claude Codeが劣化パターンを特定し、緩和戦略を選択するのに役立ちます。
React Native アプリを最適化
作成者 vercel-labs
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。