remix-run/agent-skills
3 skills4.3k installs414 starsGitHub
Install
npx skills add https://github.com/remix-run/agent-skillsSkills in this repo
1React Router Framework Modereact-router-framework-mode is an agent skill for React Router full-stack framework mode covering file-based routing, loaders and actions, Form navigation, pending and optimistic UI, error boundaries, and react-router.config.ts rendering strategies. It routes agents to reference files for routing, route modules, special files, data loading, actions, navigation, pending UI, error handling, rendering strategies, middleware, sessions, and type safety instead of guessing APIs. Critical patterns include GET search forms with Form not manual setSearchParams, inline mutations via useFetcher instead of page-navigating Form posts, global nav and footer in root.tsx with Outlet, and meta exports that read loaderData rather than deprecated data. Version gates document middleware at React Router 7.9.0 with v8_middleware and core framework features from 7.0.0 onward. Developers reach for it when scaffolding routes, wiring loaders and actions, configuring SSR or SPA mode, or debugging framework-mode forms, sessions, and authentication flows on new or existing React Router projects.3.1kinstalls2React Router Data Modereact-router-data-mode is an agent skill from remix-run/agent-skills covering React Router actions and form handling for data mutations. The skill documents when to use Form method get for search filters, action-based mutations for create/update/delete, useFetcher for non-navigating submissions, useSubmit, useActionData, and automatic loader revalidation after actions complete. Developers reach for react-router-data-mode when building React Router v7 data-mode apps and want agents to wire forms and mutations correctly instead of scattering fetch calls across components. Tags include action, Form, useFetcher, useSubmit, useActionData, mutations, and validation. Use it during feature work where URL search params, optimistic UI, or server actions must follow React Router conventions.678installs3React Router Declarative Modereact-router-declarative-mode is a Remix-run agent skill for React Router's declarative mode using BrowserRouter, Routes, Route, Link, NavLink, useNavigate, and URL param hooks. The skill steers agents away from loaders, actions, and data-router APIs so generated code matches the simplest React Router v6.4+ pattern for SPAs. Developers reach for react-router-declarative-mode when scaffolding or refactoring route trees, active navigation, and query or path param reads in React apps that do not need server-driven data loading. It is MIT-licensed and ships from remix-run/agent-skills as a focused routing reference for JSX-first React projects.567installs