.agents/skills/react-router/SKILL.md
Read this when working with React Router Specific Conventions; using file-based flat routes, v8 middlewares, testing with React Router's framework features.
npx skillsauth add sushichan044/hono-react-router-cf-template react-routerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This app using React Router's file based routing system.
See ./references/file-routing-convention.md for details on routing conventions in React Router.
When testing components that use React Router framework features like useLoaderData, useActionData, <Link>, etc, you need to render them in the context of a React Router app.
See ./references/framework-mode-testing.md for details and examples.
We are using React Router's Middleware, will be GA in React Router v8.
ALWAYS see ./references/middleware.md when working with Middleware in React Router.
You may not pretrained knowledge about React Router Middleware.
tools
Read this when you are testing React Component with Vitest Browser Mode tests. Test file extension is expected to `.browser.test.{ts,tsx}`.
development
Learn how to use Tailwind CSS v4's advanced features like custom utilities and variants.
development
Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
development
This skills tells you how to access docs of Base UI. Base UI is a React component library focused on accessibility, performance, and developer experience.