Mode d’emploi
- Copiez la commande et examinez le paquet avant de l’installer dans votre environnement agent.
- Consultez le document original pour les outils, identifiants et environnements requis.
- Décrivez les entrées et le livrable souhaité ; comparez la sortie aux sources.
npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill react-routerAvant de commencer
- L’installation n’inclut ni abonnement au modèle, ni quota API, ni accès aux fichiers.
- Étoiles et installations reflètent l’activité, pas un test indépendant de qualité ou de sécurité.
Document Skill original
Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.
React Router v8 リファレンス
React Router v8 の全 API ドキュメントを網羅したスキル。Declarative / Data / Framework の3モードを扱うが、start/ 配下の導入手順は Framework Mode を中心に記述している。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。
ディレクトリ構成
text
skills/react-router/
SKILL.md
references/
start/
README.md
actions.md
data-loading.md
deploying.md
installation.md
modes.md
navigating.md
pending-ui.md
rendering.md
route-module.md
routing.md
testing.md
conventions/
README.md
client-modules.md
entry-client-tsx.md
entry-server-tsx.md
react-router-config-ts.md
root-tsx.md
routes-ts.md
server-modules.md
routers/
README.md
HydratedRouter.md
ServerRouter.md
hooks/
README.md
useActionData.md
useAsyncError.md
useAsyncValue.md
useBeforeUnload.md
useBlocker.md
useFetcher.md
useFetchers.md
useFormAction.md
useHref.md
useInRouterContext.md
useLinkClickHandler.md
useLoaderData.md
useLocation.md
useMatch.md
useMatches.md
useNavigate.md
useNavigation.md
useNavigationType.md
useOutlet.md
useOutletContext.md
useParams.md
usePrompt.md
useResolvedPath.md
useRevalidator.md
useRouteError.md
useRouteLoaderData.md
useRouterState.md
useRoutes.md
useSearchParams.md
useSubmit.md
useViewTransitionState.md
components/
README.md
Await.md
Form.md
Link.md
Links.md
Meta.md
Navigate.md
NavLink.md
Outlet.md
PrefetchPageLinks.md
Route.md
Routes.md
ScrollRestoration.md
Scripts.md
utils/
README.md
createContext.md
createCookie.md
createCookieSessionStorage.md
createMemorySessionStorage.md
createPath.md
createRoutesFromElements.md
createRoutesStub.md
createSearchParams.md
data.md
generatePath.md
href.md
IsCookieFunction.md
IsSessionFunction.md
isCookie.md
isRouteErrorResponse.md
isSession.md
matchPath.md
matchRoutes.md
parsePath.md
redirect.md
redirectDocument.md
renderMatches.md
replace.md
resolvePath.md
RouterContextProvider.md
sessions-and-cookies.md
how-to/
README.md
accessibility.md
client-data.md
data-strategy.md
error-boundary.md
error-reporting.md
fetchers.md
file-route-conventions.md
file-uploads.md
form-validation.md
headers.md
instrumentation.md
middleware.md
navigation-blocking.md
pre-rendering.md
presets.md
react-server-components.md
resource-routes.md
route-module-type-safety.md
security.md
server-bundles.md
spa.md
status.md
suspense.md
using-handle.md
view-transitions.md
explanation/
README.md
backend-for-frontend.md
code-splitting.md
concurrency.md
form-vs-fetcher.md
hot-module-replacement.md
index-query-param.md
lazy-route-discovery.md
progressive-enhancement.md
race-conditions.md
react-transitions.md
sessions-and-cookies.md
state-management.md
styling.md
type-safety.md
cli/
README.md
adapter.md
dev.md
serve.md
samples/
README.md
basic-routing.md
data-loading.md
error-boundary.md
form-action.md
form-validation.md
middleware-auth.md
navigation-blocking.md
pending-ui.md
pre-rendering.md
search-params.md
session-auth.md
scripts/
README.md
build.md
cli.md
install.md
typegen.md
upgrade.md探索手順
タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:
- 下記マッピング表でタスクに対応するカテゴリを探す
- そのカテゴリの
references/{category}/README.mdを参照して目的のページを特定する - 該当ページの
.mdを Read して詳細を確認する
タスク → カテゴリ マッピング
| タスク | カテゴリ | 参照 README |
|---|---|---|
| プロジェクトのセットアップ・インストール | start | references/start/README.md |
| Declarative / Data / Framework モードの選択 | start | references/start/README.md |
| ルーティング設定・データ読み込み・アクション・デプロイ | start | references/start/README.md |
| ルートモジュール・レンダリング戦略・テスト | start | references/start/README.md |
| root.tsx / routes.ts / react-router.config.ts の設定 | conventions | references/conventions/README.md |
| entry.client.tsx / entry.server.tsx / client・server モジュール分離 | conventions | references/conventions/README.md |
| HydratedRouter / ServerRouter の使い方 | routers | references/routers/README.md |
| useLoaderData / useActionData / useFetcher 等のフック | hooks | references/hooks/README.md |
| useNavigate / useNavigation / useParams / useSearchParams 等 | hooks | references/hooks/README.md |
| useBlocker / useRevalidator / useRouteError 等 | hooks | references/hooks/README.md |
| useRoutes / useOutlet / useResolvedPath 等 Declarative・Data Mode 向けフック | hooks | references/hooks/README.md |
| Form / Link / NavLink / Outlet / Await 等のコンポーネント | components | references/components/README.md |
| Links / Meta / Scripts / ScrollRestoration / PrefetchPageLinks | components | references/components/README.md |
| Route / Routes（Declarative・Data Mode のルート定義コンポーネント） | components | references/components/README.md |
| redirect / data / createCookie / セッション管理 API | utils | references/utils/README.md |
| generatePath / href / isRouteErrorResponse / createRoutesStub | utils | references/utils/README.md |
| matchPath / matchRoutes / resolvePath / createPath / parsePath 等のパス操作 | utils | references/utils/README.md |
| createRoutesFromElements / createSearchParams / RouterContextProvider | utils | references/utils/README.md |
| ミドルウェア・ファイルアップロード・SPA モード・プリレンダリング | how-to | references/how-to/README.md |
| フォームバリデーション・エラーバウンダリ・セキュリティ | how-to | references/how-to/README.md |
| RSC・サーバーバンドル・リソースルート・型安全性 | how-to | references/how-to/README.md |
| data strategy（loader/action 実行制御のカスタマイズ） | how-to | references/how-to/README.md |
| コード分割・状態管理・BFF・プログレッシブエンハンスメント等の概念 | explanation | references/explanation/README.md |
| HMR・レースコンディション・並行処理・型安全性の仕組み | explanation | references/explanation/README.md |
| セッション・クッキーの概念的な仕組み（API は utils 参照） | explanation | references/explanation/README.md |
| スタイリング方針（Vite ベース） | explanation | references/explanation/README.md |
| dev / serve / adapter 等の CLI コマンド | cli | references/cli/README.md |
| 典型的な使い方・実装パターンを確認したい | samples | samples/README.md |
| インストール・ビルド・型生成のコマンドを知りたい | scripts | scripts/README.md |
| v7 から v8 へのアップグレード手順 | scripts | scripts/README.md |
