Generate production-ready Remix Cursor rules for Project Rules (.mdc), AGENTS.md, or legacy .cursorrules. This template encodes stack-specific conventions for projects using Remix. Full-stack React framework with nested routes, loaders, actions, and web standards.
The template focuses Cursor AI on concrete Remix practices instead of generic coding advice. Required sections are always included; optional sections can be enabled when they match your project.
Optional sections: Sessions & Cookies.
The generator turns these sections into Project Rules with frontmatter, AGENTS.md, or a single .cursorrules file depending on the output format you choose.
- Use file-based routing with flat route convention.
- Use loader() for server-side data fetching on every route.
- Use 2 spaces for indentation.
- Use camelCase for function and variable names.
- Return typed JSON responses from loaders.
- Use useLoaderData() for type-safe access to loader data.- Use <Form> component for all mutations (no client-side fetch).
- Use action() functions for form submissions.
- Use useActionData() for validation errors and feedback.
- Use useNavigation() to show loading states during form submissions.
- Implement progressive enhancement with vanilla HTML forms.
- Use useFetcher() for non-navigation mutations.- Use ErrorBoundary exports for route-level error UI.
- Catch errors in loaders and actions with structured error responses.
- Use useRouteError() to access error details in error boundaries.
- Provide user-friendly error messages — never expose stack traces.
- Use isRouteErrorResponse() to distinguish route errors from unexpected errors.
- Log errors server-side with proper context.