React Router Framework Mode

React Router Framework Mode is a React Router Agent Skill for building full-stack applications with the framework's route modules, loaders, actions, forms, sessions, middleware, error boundaries and rendering strategies. It helps an agent use framework-mode patterns instead of treating React Router as only a client-side routing library.

• Developers building full-stack React Router applications
• Teams migrating from basic routing to framework mode
• Projects using loaders, actions and route modules
• AI coding agents that need current React Router patterns

• Create nested routes with data loaders
• Handle mutations through route actions and forms
• Implement sessions, errors and middleware
• Choose rendering and data-loading patterns for framework mode

The skill organizes application work around React Router route modules and their server/client responsibilities. It uses loaders for route data, actions for mutations, framework navigation and form primitives for transitions, and route-level error and session patterns where appropriate.

• Keeps data loading and mutations aligned with the router
• Supports server-aware full-stack patterns
• Reduces ad-hoc client fetching for route workflows
• Provides framework-specific guidance for sessions and errors

• Framework mode introduces conventions beyond basic declarative routing
• Deployment behavior depends on the chosen runtime and adapter
• Application-specific authentication and data-access rules still need explicit design