本文へ移動
cccskills
GitHub Copilot 公式無料GitHub で公開

routing

React Router v7 routing conventions for this SPA. USE WHEN: editing `app/routes.ts`, adding/removing a route, or changing navigation.

日本語の概要は準備中です。原文の説明を表示しています。

github/replicaスター 29(GitHub 29 + cccskills 0)

実行スコア 未検証

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Routing

Paths below are relative to this app's directory.

  • This app disables runtime SSR (ssr: false) and renders routes client-side. React Router still generates the SPA HTML shell during the build.
  • Routes are defined in app/routes.ts using React Router v7 config (the "framework" style).

General Structure

  • Main navigation structure:
    • Home: index("routes/home.tsx") at /
    • Discover section: /discover/models, /discover/tools
    • Build section: /build/agents, /build/tools
    • Operate section: /operate/dashboard, /operate/agents
    • Docs: /docs
  • Layout wrapper: components/shell/NavLayout.tsx provides top/left nav
  • Export topNavRoutes and getLeftNavRoutes(pathname) from routes.ts for navigation components
  • Type-safe routes via auto-generated types in .react-router/types/

Adding a Route

  1. Create the file in app/routes/
  2. Add it to app/routes.ts config array
  3. Use type-safe route imports: import type { Route } from "./+types/routeName"
  4. Run npm run type-check from this app's directory to regenerate route types and check TypeScript.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

accessibility-audit

GitHub Copilot 公式無料

Audits actual components and routes against applicable WCAG 2.2 A/AA criteria using consumer-owned design-system evidence and repository tools. Use when asked for an accessibility audit, a11y check, keyboard or focus review, contrast check, or screen-reader verification.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

add-seed-data

GitHub Copilot 公式無料

Creates or updates believable deterministic raw fixture scenarios without breaking an existing prototype. Use when asked to add or change fixtures, seed data, sample data, scenarios, or cross-record relationships. Not for UI redesign, live-data infrastructure, or unrelated commands.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

agent-browser

GitHub Copilot 公式無料

Use for explicit agent-browser CLI checks or a named browser capability neither the Copilot canvas nor configured Playwright MCP can supply. Ordinary rendered checks and browser selection belong to browser-canvas-validation.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

browser-canvas-validation

GitHub Copilot 公式無料

Use the Copilot browser canvas first for rendered route checks, interaction tests, screenshots and visual, responsive or accessibility evidence. Use configured isolated Playwright MCP only when the canvas is unavailable for a required check.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

code-review

GitHub Copilot 公式無料

Review Replica pull requests using the same shared conventions and project guides as implementation agents. Use when reviewing changes to code, tests, workflows, or documentation in this repository.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

component-design-system-review

GitHub Copilot 公式無料

Reviews existing UI components for design-system consistency, states, responsiveness and accessibility using consumer-owned context. Use when asked to review component quality, check design-system adherence or audit component consistency.

日本語の概要は準備中です。原文の説明を表示しています。

github/replica292026年10月27日 更新

github のスキルをすべて見る

このスキルの問題を報告する