·react-router-framework-mode
</>

react-router-framework-mode

remix-run/agent-skills

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.

563Installs·24Trend·@remix-run

Installation

$npx skills add https://github.com/remix-run/agent-skills --skill react-router-framework-mode

SKILL.md

Framework mode is React Router's full-stack development experience with file-based routing, server-side, client-side, and static rendering strategies, data loading and mutations, and type-safe route module API.

Load the relevant reference for detailed guidance on the specific API/concept:

| references/routing.md | Configuring routes, nested routes, dynamic segments | | references/route-modules.md | Understanding all route module exports | | references/special-files.md | Customizing root.tsx, adding global nav/footer, fonts | | references/data-loading.md | Loading data with loaders, streaming, caching |

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions. Source: remix-run/agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/remix-run/agent-skills --skill react-router-framework-mode
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is react-router-framework-mode?

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions. Source: remix-run/agent-skills.

How do I install react-router-framework-mode?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/remix-run/agent-skills --skill react-router-framework-mode Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/remix-run/agent-skills

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-01