Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
