routing
React Router v7 routing conventions for this SPA. USE WHEN: editing `app/routes.ts`, adding/removing a route, or changing navigation.
Source facts
- Repository
- microsoft/coreai-design-system
- Last source activity
- October 14, 2026 at 17:07
- Detected SKILL.md language
- English
- Stars
- 2
- Forks
- 1
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Showing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- routing
- description
- React Router v7 routing conventions for this SPA. USE WHEN: editing `app/routes.ts`, adding/removing a route, or changing navigation.
# Routing
Paths below are relative to `apps/prototype/`.
- 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 `react-router typegen` via `npm --workspace apps/prototype run type-check` from the repository root (or `npm run type-check` from the app directory) to regenerate types and check TypeScript
View on GitHub