Rules
203 rules available in the Cursor directory
Custom system instructions and configuration rules that shape how the AI behaves. Copy any rule directly into your setup to customize responses, tone, expertise, and output format.
Web Development
Next.js 15 + TypeScript Cursor Rules
Comprehensive .cursorrules file for Next.js 15 App Router projects with TypeScript, enforcing server components by default, proper use of "use client" directive, and App Router conventions.
C
CommunityFrontend Development
React + TypeScript Component Rules
Rules for consistent React component development with TypeScript interfaces, proper hook patterns, and component composition.
C
CommunityFrontend
Remult - React
You should add the remult-core rule as well.
Frontend
Enterprise React 19 + Vite 7 Architecture
Framework: React v19+ (Modern features: Actions, use, useOptimistic, Transitions).
Frontend
Plasmic Cursor Rules
This is a set of rules that outlines the best practices and architecture principles to create Plasmic-compatible code:
Frontend
The Ultimate Frontend Development Instruction
First Principles: Embrace SOLID principles, KISS (Keep It Simple, Stupid), and DRY (Don't Repeat Yourself)
Frontend
Accessibility Guard
<IconButton aria-label="Close dialog">
Frontend
Async Patterns Guard
EVERY async operation in useEffect MUST have an AbortController.
Frontend
Client Boundary Guard
const Component = () => {
Frontend
React Component Catalog
| Metric | Target | Warning | Critical |
Frontend
React Functional Patterns
import { useState, useEffect, useMemo } from 'react';
Frontend
React Hook Form Patterns
The watch() function causes re-renders on EVERY form change. useWatch is optimized.
Frontend
UI/UX Design Best Practices
Establish a clear visual hierarchy to guide user attention.
Frontend
OnchainKit Cursor Rules
Write concise, technical responses focused on OnchainKit implementation
204
Frontend
React Best Practices
Modern React patterns (hooks, functional components, context API)
8
Frontend
Next.js React Generalist Cursor Rules
When making a suggestion, you break things down into discrete changes and suggest a small test after each stage to ensure things are on the right track.
32,182
Frontend
Next.js React Redux TypeScript Cursor Rules
This comprehensive guide outlines best practices, conventions, and standards for development with modern web technologies including ReactJS, NextJS, Redux, TypeScript, JavaScript, HTML, CSS, and UI frameworks.
32,182
Frontend
Next.js React Standard.js Cursor Rules
Code Style and Structure
32,182
Frontend
Next.js React TypeScript Cursor Rules
Write concise, technical responses with accurate TypeScript examples.
32,182
Frontend
React Three Fiber Rules
Write concise, technical responses with accurate React examples.
2,873
Frontend
Modern Web Development
Write concise, technical responses with accurate TypeScript examples.
2,328
Frontend
Gatsby Cursor Rules
Code Style and Structure
2,031
Frontend
slack-to-faq Cursor Rules
This is the context and rules for all responses about our "Slack to FAQ" app. The app turns Slack messages into easy-to-search FAQs for teams. We're building v1 to start. Use this to guide all your answers. Always follow the rules exactly.
E
endpoint-dataFrontend
vueminos Cursor Rules
Answer as a senior architect for Vue 3.5 applications using Pinia as a store. Keep in mind that code should be clear in intention and follow the best practices for Vue 3.5 and Pinia. I prefer solutions which are architecturally sound and idiomatic.
T
tbusser