React TypeScript Cursor Rules

Cursor rules for React with TypeScript best practices, hooks, and component patterns

Frontend React Cursor Rules

Details

Category: Frontend
Framework: React
Format: Cursor Rules
Source: View on GitHub

How to install in Cursor

One-line install 

npx -y degit PatrickJS/awesome-cursorrules/rules/react-typescript-cursorrules-prompt-file .

Manual steps

  1. Download or copy the rules file from the source repository.
  2. Add it to your project root as .cursorrules.
  3. Restart Cursor — the rules will be active for all AI interactions in this project.
Get from source

Need a different skill for your flow?

Get AI-ranked skill recommendations based on your tooling and use case.

Open AI Tool Finder