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.
Installation
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.
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- Source
- remix-run/agent-skills
- 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