スキル rn-state-flows

📦

rn-state-flows

Name: rn-state-flows
Author: CJHarmath

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

React Native の状態フローを設計する

複雑な React Native フローは、非同期ステップ、状態更新、UI フィードバックが明確にモデル化されていないと失敗する可能性があります。このスキルは、明示的なフロー状態、検証、ロギング、テストのための構造化されたパターンを提供します。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "rn-state-flows" from https://skillstore.io/skills/cjharmath-rn-state-flows.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-state-flows/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/cjharmath-rn-state-flows.md 署名済み manifest GET /api/skills/cjharmath-rn-state-flows/manifest 署名済み lockfile GET /api/skills/cjharmath-rn-state-flows/lockfile

テストする

「rn-state-flows」を使用しています。開発者が、回答の読み込み、再受験の有効化、回答のクリア、ユーザー入力、送信を含む 5 ステップの再受験フローを実装する方法を尋ねています。

期待される結果:

回答では、各フロー状態を特定し、必要な事前条件と事後条件を列挙し、順序付けされた非同期実行を推奨し、再試行または終了のためのエラー状態を定義します。

「rn-state-flows」を使用しています。チームが、ユーザーが React Native アセスメントフローを再起動した後に回答が消えると報告しています。

期待される結果:

回答では、起こり得る順序付けの失敗を追跡し、読み込みとクリアのステップ後の検証を提案し、回答の永続性を検証する統合テストを提案します。

「rn-state-flows」を使用しています。レビュアーが、分岐するモバイルフローに XState を使用すべきかどうかを尋ねています。

期待される結果:

回答では、状態数、分岐の複雑さ、可視化の必要性、チーム内共有の要件を比較したうえで、明示的なステップまたは XState のいずれかを推奨します。

セキュリティ監査

安全

v8 • 2026/7/6 バージョン別レポートを開く

All static findings were adjudicated as false positives after reviewing SKILL.md. The skill is documentation for React Native async flow design and includes TypeScript examples, Markdown fences, logging templates, and tests; no command execution, secret handling, system reconnaissance, or prompt injection was found.

スキャンされたファイル

377

解析済み行数

レビュー項目

誤検知を無視

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

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/cjharmath-rn-state-flows/security.svg)](https://skillstore.io/skills/cjharmath-rn-state-flows?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/cjharmath-rn-state-flows?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-state-flows/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/cjharmath-rn-state-flows.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形式の引用

CJHarmath. (2026). rn-state-flows security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8

BibTeX形式の引用

@techreport{cjharmath-cjharmath-rn-state-flows-2026,
  author = {CJHarmath},
  title = {rn-state-flows security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/cjharmath-rn-state-flows/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: "rn-state-flows 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-state-flows/audits/8"
identifiers:
  - type: other
    value: "skillstore:cjharmath-rn-state-flows:audit:8"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

非同期機能フローを計画する

React Native 機能をコーディングする前に、各ステップ、事前条件、事後条件、エラー遷移を整理します。

フロー順序のバグをデバッグする

複数ステップのフローで、不足している await、不正な遷移、弱い事後条件チェックを調査します。

フローのテストカバレッジをレビューする

正常系、永続化された状態、各非同期ステップでの失敗を検証する統合テストを作成します。

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

フローをスケッチする

rn-state-flows スキルを使用して、この React Native フローの状態、遷移、事前条件、事後条件、エラー状態を概説してください: [describe feature].

コードを明示的なステップに変換する

rn-state-flows パターンを適用して、この React Native 非同期関数を、検証とエラー処理を含む明示的に順序付けされたステップへリファクタリングしてください: [paste code].

UI フロー状態を追加する

rn-state-flows を使用して、この画面における loading、ready、submitting、complete、error 状態のストア状態とコンポーネントレンダリングを設計してください: [describe screen].

複雑なフローを監査してテストする

rn-state-flows を使用する React Native レビュアーとして振る舞ってください。このフローにおける順序付けのリスク、不足している事後条件、弱いエラー遷移、統合テストの不足を見つけてください: [paste flow and tests].

ベストプラクティス

すべてのフロー状態について、事前条件、アクション、事後条件、エラー処理を文書化します。
各非同期ステップ後に状態を検証し、フロー識別子とともに遷移をログに記録します。
正常系と、各重要ステップでの失敗に対する統合テストを書きます。

回避

前の必須状態更新を await せずに、依存する非同期ステップを開始すること。
遷移モデルなしで、散在する関数全体にフロー状態を暗黙的に保持すること。
ユーザージャーニー全体や失敗経路を無視して、分離された関数だけをテストすること。

よくある質問

このスキルは何に役立ちますか？

順序付けされた非同期ステップ、明示的な状態、検証、テストを備えた複雑な React Native フローの設計とデバッグに役立ちます。

XState は必須ですか？

いいえ。単純な明示的フローコードで十分な場合と、XState を使用する価値がある場合を説明します。

Zustand と一緒に使えますか？

はい。例では、Zustand スタイルの React Native 状態管理に適したストアベースのフロー状態を示しています。

コードを実行したり、プロジェクトを自動的に変更したりしますか？

いいえ。これは例とチェックリストを含むドキュメントスキルです。コード変更はエージェントまたは開発者が行う必要があります。

どのようなテストを推奨しますか？

完全な正常系に対する統合テストと、各フローステップでのエラーに対する対象を絞ったテストを推奨します。

アセスメント再受験フロー専用ですか？

いいえ。例では再受験フローを使用していますが、このパターンはチェックアウト、オンボーディング、同期、アップロード、その他の複数ステップのフローにも適用できます。

開発者情報

作成者

CJHarmath

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/CJHarmath/claude-agents-skills/tree/main/skills/rn-state-flows

参照

dd4a3ef9f20ddf38830950b4bb713df96b431fd6

メンテナンスの新しさ

2026/7/18

利用状況

8 ダウンロード · 190 閲覧

ファイル構成

pytest TDDでPythonテストを構築

作成者 89jobrien

Pythonチームは、TDDの規律を失わずに、一貫したテスト、カバレッジ、レポートを必要とすることがよくあります。このスキルは、Claude、Codex、Claude Code向けに、pytestに焦点を当てたワークフロー、例、レポート作成ガイダンスを提供します。

コーディング＆開発表示

rn-state-flows

自分のエージェントでインストール

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

非同期機能フローを計画する

フロー順序のバグをデバッグする

フローのテストカバレッジをレビューする

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

ベストプラクティス

回避

よくある質問

開発者情報

CJHarmath のその他のスキル

rn-performance

react-zustand-patterns

web-build-deploy

rn-zustand-patterns

rn-styling

rn-observability

関連スキル

testing

testing-patterns

systematic-debugging

golang-testing

waterfall-development

tdd-pytest