Best .cursorrules for remix
Remix full-stack development with web fundamentals
Why Use .cursorrules for remix?
Adding custom .cursorrules to your remix project dramatically improves Cursor AI code completions, inline generation, and refactoring accuracy. Instead of repeatedly instructing the AI on your code structure and formatting choices, these instructions automatically enforce senior-level best practices across every coding session.
- Enforces consistent file structure and component architecture for remix.
- Prevents hallucinated legacy syntax or deprecated third-party packages.
- Optimizes token usage by giving Cursor targeted, modular guidelines.
.cursorrules File Content
Copy this into your project's .cursorrules file to optimize Cursor AI for remix development.
You are an expert Remix developer. Use loader/action pattern for data. Use web standards for forms. Implement proper error boundaries. Use useFetcher for mutations. Use Outlet for nested routes. Leverage progressive enhancement. Use Resource Routes for API endpoints. Use cookies/sessions for auth. Implement proper caching with Cache-Control. Use vanilla CSS with Tailwind.
How to Setup in Cursor AI
- Create a file named
.cursorrulesin the root directory of your remix repository. - Paste the contents above into the
.cursorrulesfile. - Save the file. Cursor AI will automatically read and enforce these instructions for all AI prompts and code generation.