React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on tasks involving React Router routes, data loading, form handling, or route organization.
Ask your Agent
Use this Skill: https://skilld.dev/gh/sergiodxa/agent-skills/frontend-react-router-best-practices
This session only. Nothing lands on disk.
≈146 tokens on demand. Your agent reads this file only when SKILL.md points to it.
Apply CORS headers with cors() in loaders/actions that serve cross-origin clients.
import { cors } from "remix-utils/cors";
import { data } from "react-router";
export async function loader({ request }: Route.LoaderArgs) {
let response = data(await getData());
return await cors(request, response);
}cors() only on routes meant for cross-origin accessSource: SKILL.md on GitHub
The skill provides a comprehensive set of developer guidelines and best practices for building React Router applications. It emphasizes performance, type safety, and security measures like input validation (Zod), safe redirects, and CSRF protection (Sec-Fetch). No malicious code, obfuscation, or data exfiltration patterns were detected.
1 alert: gptSecurity
Risk: LOW · No issues
56/56 files flagged
Score: 93/100 · 2 sections analyzed
Signed by skilld at 9da9532. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub 2 months ago.