fandhe-ai/agent-reference-skills

react-router

React Router v8 (Framework Mode、旧 Remix) の RR8 リファレンス。 loader, action, middleware, routes.ts、hooks (useLoaderData, useActionData, useFetcher, useNavigate, useNavigation, useParams, useSearchParams)、 コンポーネント (Form, Link, NavLink, Outlet, Route, Routes, Await…

Ver código fuente

Cómo usar

  1. Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
  2. Consulta las herramientas, credenciales y entornos necesarios en el documento original.
  3. Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill react-router

Antes de empezar

  • La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
  • Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

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 で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
プロジェクトのセットアップ・インストールstartreferences/start/README.md
Declarative / Data / Framework モードの選択startreferences/start/README.md
ルーティング設定・データ読み込み・アクション・デプロイstartreferences/start/README.md
ルートモジュール・レンダリング戦略・テストstartreferences/start/README.md
root.tsx / routes.ts / react-router.config.ts の設定conventionsreferences/conventions/README.md
entry.client.tsx / entry.server.tsx / client・server モジュール分離conventionsreferences/conventions/README.md
HydratedRouter / ServerRouter の使い方routersreferences/routers/README.md
useLoaderData / useActionData / useFetcher 等のフックhooksreferences/hooks/README.md
useNavigate / useNavigation / useParams / useSearchParams 等hooksreferences/hooks/README.md
useBlocker / useRevalidator / useRouteError 等hooksreferences/hooks/README.md
useRoutes / useOutlet / useResolvedPath 等 Declarative・Data Mode 向けフックhooksreferences/hooks/README.md
Form / Link / NavLink / Outlet / Await 等のコンポーネントcomponentsreferences/components/README.md
Links / Meta / Scripts / ScrollRestoration / PrefetchPageLinkscomponentsreferences/components/README.md
Route / Routes(Declarative・Data Mode のルート定義コンポーネント)componentsreferences/components/README.md
redirect / data / createCookie / セッション管理 APIutilsreferences/utils/README.md
generatePath / href / isRouteErrorResponse / createRoutesStubutilsreferences/utils/README.md
matchPath / matchRoutes / resolvePath / createPath / parsePath 等のパス操作utilsreferences/utils/README.md
createRoutesFromElements / createSearchParams / RouterContextProviderutilsreferences/utils/README.md
ミドルウェア・ファイルアップロード・SPA モード・プリレンダリングhow-toreferences/how-to/README.md
フォームバリデーション・エラーバウンダリ・セキュリティhow-toreferences/how-to/README.md
RSC・サーバーバンドル・リソースルート・型安全性how-toreferences/how-to/README.md
data strategy(loader/action 実行制御のカスタマイズ)how-toreferences/how-to/README.md
コード分割・状態管理・BFF・プログレッシブエンハンスメント等の概念explanationreferences/explanation/README.md
HMR・レースコンディション・並行処理・型安全性の仕組みexplanationreferences/explanation/README.md
セッション・クッキーの概念的な仕組み(API は utils 参照)explanationreferences/explanation/README.md
スタイリング方針(Vite ベース)explanationreferences/explanation/README.md
dev / serve / adapter 等の CLI コマンドclireferences/cli/README.md
典型的な使い方・実装パターンを確認したいsamplessamples/README.md
インストール・ビルド・型生成のコマンドを知りたいscriptsscripts/README.md
v7 から v8 へのアップグレード手順scriptsscripts/README.md

Relacionados por tarea

del mismo repositorio

Más Skills

Todos los Skills
fandhe-ai
Comunidad

better-auth

Better Auth (TypeScript 認証フレームワーク) v1.7 リファレンス。 認証・認可、サインアップ・サインイン、セッション管理、OAuth、パスキー、二要素認証 (2FA / TOTP)、SSO / SAML、SCIM、 OAuth Provider (OAuth 2.1 / OIDC)、MCP 認可 (@better-auth/mcp)、Infrastructure (dash / sentinel)、 プラグイン (organization, admin, magic-link, anonymous 等)。betterAuth, createAuthClient, signUp, signIn, getSession。 Next.js, Nuxt, SvelteKit, Hono, Express, Expo, TanStack, Effect 統合。

instalaciones
2
GitHub Stars
4
Actualizado
24 oct
fandhe-ai
Comunidad

anthropic-api-core

Claude API (platform.claude.com) の Messages API リファレンス。 streaming (SSE), thinking (adaptive) / effort, prompt caching, context editing, compaction, structured outputs, Message Batches, token counting, vision / PDF, Files API, citations, embeddings (Voyage AI)。 errors, rate limits, beta headers, Amazon Bedrock / Vertex AI / Foundry 経由アクセスを含む。

instalaciones
1
GitHub Stars
4
Actualizado
14 oct
fandhe-ai
Comunidad

anthropic-claude-code-admin

Claude Code (code.claude.com) の権限・セキュリティ・企業管理リファレンス。 permissions (allow / ask / deny), permission modes, auto mode, sandboxing (sandboxed Bash), sandbox environments, zero data retention, data usage, admin setup, server-managed settings, corporate launcher, network config, authentication (SSO), analytics, monitoring (OpenTelemetry), costs, large codebases。

instalaciones
1
GitHub Stars
4
Actualizado
14 oct
fandhe-ai
Comunidad

anthropic-claude-code-deploy

Claude Code (code.claude.com) のデプロイ・CI/CD リファレンス。 Amazon Bedrock / Google Cloud Agent Platform (Vertex AI) / Microsoft Foundry / Claude Platform on AWS 経由、Claude apps gateway、LLM gateway (protocol / rollout)、 GitHub Actions (claude-code-action) / GitLab CI/CD / GitHub Enterprise Server (GHES)、 code review 自動化・ultrareview、Slack (Claude Tag)、headless mode、cloud environments、 devcontainer、self-hosted environments(runner 構成・identity 検証・本番デプロイ)。

instalaciones
1
GitHub Stars
4
Actualizado
14 oct