<What this skill does>
日本語の概要は準備中です。原文の説明を表示しています。
s977043/river-review42026年10月12日 更新
無料GitHub で公開
React Router Loader Boundary Review
Detects route data fetched in useEffect instead of loaders, server/client API leaks across loader boundaries, and missing HydrateFallback in React Router v7 framework mode.
含まれるファイル（4）
- SKILL.md3.7 KB
- fixtures/01-useeffect-fetch-happy.md955 B
- fixtures/02-polling-guard.md1019 B
- golden/01-useeffect-fetch-happy.md719 B
SKILL.md（原文）
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Pattern declaration
Primary pattern: Reviewer Secondary patterns: Inversion Why: React Router framework mode の data loading 規約への適合をチェックリスト型で検査する
Goal / 目的
- ルート遷移で確定するデータが
useEffect+ fetch でコンポーネント取得されること（二重フェッチ・レース・hydration mismatch の温床）を防ぐ。 - loader / clientLoader の境界違反（loader 内のクライアント専用 API、clientLoader 内のサーバー専用 API）を検出する。
Non-goals / 扱わないこと
- action / mutation の規約（
react-router-action-contractのスコープ）。 - data mode / declarative mode のコード（framework mode のルートモジュールのみ対象）。
- 一般的な React パフォーマンス（modern-web 系 skill のスコープ）。
Pre-execution Gate / 実行前ゲート
このスキルは以下の条件がすべて満たされない限りNO_REVIEWを返す。
- 差分が React Router framework mode のルートモジュール（loader / clientLoader / action の export、または routes 配下）に関係する
- diff コンテキストが利用可能である
ゲート不成立時の出力: NO_REVIEW: react-router-loader-boundary — framework mode ルートの変更なし
False-positive guards / 抑制条件
useEffect+ fetch が ナビゲーションに紐づかない データの場合は指摘しない（ポーリング、WebSocket、リアルタイム更新、サードパーティ SDK 初期化）。「URL / ルート遷移で確定するデータか」で判定する。- 親ルートの loader で取得済みデータを子が利用する設計は正当。
- data mode / declarative mode のコードには適用しない（モード誤判定が最大の誤検出源）。
Rule / ルール
- ルート遷移で確定する初期データは
loader（SSR、サーバー専用 API はクライアントバンドルから自動除去される）に置く。 - ブラウザ専用データは
clientLoaderに置き、hydrate する場合はHydrateFallbackを定義する（clientLoader.hydrate = true as constのas const欠落も指摘）。 loader内でクライアント専用 API（window / localStorage 等）、clientLoader内でサーバー専用 API（DB 直接アクセス等）を使っていないか確認する。- loader の返却値はシリアライズ可能型に限る（class instance の返却を指摘）。
Evidence / 根拠の取り方
- 指摘は
<file>:<line>で差分に紐づけ、該当する公式規約（reactrouter.com/start/framework/data-loading）を 1 行で添える。 - ナビゲーション紐づきの判断が割れる場合は断定せず
questionsで返す。
Output / 出力（短文版の推奨）
コメントは日本語で返す。
- Finding: どの境界規約に反しているか（1文）
- Impact: 二重フェッチ / hydration mismatch / バンドル漏えい等の影響
- Fix: loader / clientLoader への移動案（最小）
Sources / 出典
- React Router — Data Loading: https://reactrouter.com/start/framework/data-loading
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
同じリポジトリのスキル
概要と使いどころ
画像・ボタン・フォーム要素に適切なアクセシブルネームがあるか確認する。
s977043/river-review42026年10月12日 更新
Ensure ADRs capture context, decision, alternatives, tradeoffs, and follow-ups in a way that prevents future drift.
日本語の概要は準備中です。原文の説明を表示しています。
s977043/river-review42026年10月12日 更新
敵対的分析手法を統合したレビューの entry skill。認知バイアス対策の3手法 （Pre-mortem / War Game / Logic Torturing）と、宣言・主張と実態の乖離を突く claim-vs-actual 検出3パターン（Self-Contradiction / Refactor-Claim Audit / Cross-File Leakage）へルーティングし、通常のレビューでは見えない設計の盲点・ 防御の穴・論理の弱点・宣言と実装のズレを可視化する。
s977043/river-review42026年10月12日 更新
Review changes to the Agent Skills import/export bridge for path safety, round-trip fidelity, and validation correctness.
日本語の概要は準備中です。原文の説明を表示しています。
s977043/river-review42026年10月12日 更新
Checks whether AI-assisted work defines review criteria, accessible context, explicit review loop, human judgment boundary, and feedback capture before delegating to an agent.
日本語の概要は準備中です。原文の説明を表示しています。
s977043/river-review42026年10月12日 更新