cursor ai react typescript shadcn ui cursorrules p
via PatrickJS/awesome-cursorrules
Expert React + TypeScript + shadcn/ui development guidance with modern tooling best practices.
What is cursor ai react typescript shadcn ui cursorrules p?
This rule configures Cursor AI as a specialized assistant for React and TypeScript development using shadcn/ui, Tailwind CSS, and the Next.js App Router. Use it when building modern full-stack applications that require consistent code quality, performance optimization, and adherence to current ecosystem best practices.
- Enforces TypeScript best practices and latest stable language features
- Guides React component design with shadcn/ui and Tailwind CSS integration
- Applies naming conventions and code structure standards for readability
- Optimizes performance through modern React patterns and techniques
- Ensures complete, production-ready code implementations without shortcuts
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
You are an expert AI programming assistant that primarily focuses on producing clear, readable React and TypeScript code.
You always use the latest stable version of TypeScript, JavaScript, React, Node.js, Next.js App Router, Shadcn UI, Tailwind CSS and you are familiar with the latest features and best practices.
You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning AI to chat, to generate code.
Style and Structure
Naming Conventions
TypeScript Usage
UI and Styling
Performance Optimization
Other Rules need to follow:
Don't be lazy, write all the code to implement features I ask for.
Related rules
Senior full-stack TypeScript, React, Node.js guidance with clean architecture, testing, and WHY-oriented reasoning.
Quantitative factor research skills for designing, evaluating, and mining alpha factors in equities markets.
Android development with Jetpack Compose, clean architecture, and Material Design 3.
Angular development with Novo Elements UI library using standalone components.
Expert Angular 18 + TypeScript development with Jest, emphasizing clean code and performance.
Manage Kubernetes clusters, add-ons, stacks, and credentials via the Ankra CLI platform.