React Router Framework Mode

This one covers React Router's framework mode, the full-stack setup with file-based routing, loaders, actions, and server rendering. You'll want it when building React apps that need data loading, form mutations, or SSR configuration. The skill includes references for routing, data patterns, pending UI, and type safety, plus critical patterns like using Form method="get" for search (not manual setSearchParams) and useFetcher for inline mutations. It's opinionated about layouts too, putting global nav in root.tsx instead of separate files. Good for teams moving from traditional React to a more integrated routing and data story, though you'll need React Router 7.0+ and some features require 7.9+.

Install to Claude Code

npx -y skills add remix-run/agent-skills --skill react-router-framework-mode --agent claude-code