Awesome Cursor Rules

  <img alt="Awesome Cursor Logo" src="https://github.com/PatrickJS/awesome-cursorrules/raw/main/LOCKUP_VERTICAL_25D_LIGHT.png" width="500">

Cursor Project Rules enhance Cursor AI editor behavior with project-specific guidance and reusable coding standards.

Cursor AI is an AI-powered code editor. Cursor Project Rules are Markdown-based .mdc files that live in .cursor/rules/ and tell Cursor how to behave for specific projects, file types, frameworks, and workflows.

Sponsorships

<h3><a href="https://coderabbit.ai/?utm_source=oss&utm_medium=sponsorship&utm_campaign=awesome-cursorrules">coderabbit.ai - Cut Code Review Time & Bugs in Half. Instantly.</h3>
  <a href="https://coderabbit.ai/?utm_source=oss&utm_medium=sponsorship&utm_campaign=awesome-cursorrules">
      <img alt="CodeRabbit.ai Sponsorship Logo" src="https://github.com/PatrickJS/awesome-cursorrules/raw/main/cr_logo.png" width=350>
  </a>
<h3><a href="https://getunblocked.com/unblocked-mcp/?utm_source=oss&utm_medium=sponsorship&utm_campaign=awesome-cursorrules">Unblocked MCP- Supercharge Cursor with your team’s knowledge</h3> 
  <a href="https://getunblocked.com/unblocked-mcp/?utm_source=oss&utm_medium=sponsorship&utm_campaign=awesome-cursorrules">
      <img alt="Unblocked Sponsorship Logo" src="https://github.com/claire-gong-18/awesome-cursorrules/blob/main/Unblocked-logo-sq-words-over-gradient-1024w.png?raw=true" width=250>
  </a>
<h3><a href="https://go.warp.dev/awesome-cursorrules">Warp - Built for coding with multiple AI agents</h3>
  <a href="https://go.warp.dev/awesome-cursorrules">
      <img alt="Warp Sponsorship Logo" src="https://github.com/user-attachments/assets/8d50d811-fabe-4610-a537-c5a5a9224864" width=350>
  </a>

Contents

• Why Cursor Rules
• Rules
• Frontend Frameworks and Libraries
• Backend and Full-Stack
• Mobile Development
• Games and Graphics
• CSS and Styling
• State Management
• Database and API
• Testing
• Hosting and Deployments
• Build Tools and Development
• Language-Specific
• Security
• Documentation
• Directories
• How to Use

Why Cursor Rules

Cursor rules help developers define project-specific instructions for Cursor AI. This repository uses the modern .mdc Project Rules format.

Customized behavior means Cursor can respond to the specific needs of a project instead of relying only on general coding knowledge. Rules can describe local architecture, preferred libraries, common methods, domain constraints, and other context that makes generated code more relevant.

Consistency is the other big win. By defining coding standards and best practices in .mdc files, teams can guide Cursor toward code that matches the project's style, naming, structure, and review expectations.

Project rules also reduce repeated manual editing. Well-scoped rules give Cursor reusable project knowledge up front, so suggestions are more likely to fit the codebase on the first pass and less likely to need the same corrections again.

For teams, shared .cursor/rules/*.mdc files keep AI assistance aligned across contributors. Everyone can work from the same project-specific guidance, whether the rule covers framework usage, security requirements, testing conventions, or workflow details.

By adding selected .mdc files to .cursor/rules/, you can use these rules directly in your project.

Rules

Frontend Frameworks and Libraries

• Angular (Novo Elements) - Angular development with Novo Elements UI library.
• Angular (TypeScript) - Angular development with TypeScript integration.
• Astro (TypeScript) - Astro development with TypeScript integration.
• Beefree SDK (TypeScript, JavaScript, CSS, HTML, React, Angular, Vue) - Embedding Beefree SDK's no-code content editors (for emails, pages, and popups) into a web application.
• Cursor AI (React, TypeScript, shadcn/ui) - Cursor AI development with React, TypeScript, and shadcn/ui integration.
• Next.js 15 (React 19, Vercel AI, Tailwind) - Next.js development with React 19, Vercel AI, and Tailwind CSS integration.
• Next.js 15 (Supabase, TypeScript, Security) - 27 architecture rules preventing AI hallucinations: insecure auth (getSession vs getUser), synchronous params, deprecated imports, missing RLS, and Stripe key exposure. Built for Cursor Agent and Claude Code.
• Next.js 14 (Tailwind, SEO) - Next.js development with Tailwind CSS and SEO optimization.
• Next.js (React, Tailwind) - Next.js development with React and Tailwind CSS integration.
• Next.js (React, TypeScript) - Next.js development with React and TypeScript integration.
• Next.js (SEO Development) - Next.js development with SEO optimization.
• Next.js (Supabase Todo App) - Next.js development with Supabase integration for a Todo app.
• Next.js (TanStack Query v5) - Next.js App Router with TanStack Query v5, covering the HydrationBoundary pattern, Server Actions as mutations, and optimistic updates.
• Next.js (Type LLM) - Next.js development with Type LLM integration.
• Next.js (Tailwind, TypeScript) - Next.js development with Tailwind CSS and TypeScript integration.
• Next.js (TypeScript App) - Next.js development with TypeScript integration.
• Next.js (TypeScript) - Next.js development with TypeScript integration.
• Next.js (TypeScript, Tailwind) - Next.js development with TypeScript and Tailwind CSS integration.
• Next.js (Vercel, Supabase) - Next.js development with Vercel and Supabase integration.
• Next.js (Vercel, TypeScript) - Next.js development with Vercel and TypeScript integration.
• Next.js (App Router) - Next.js development with App Router integration.
• Next.js (Material UI, Tailwind CSS) - Next.js development with Material UI and Tailwind CSS integration.
• Qwik (Basic Setup with TypeScript and Vite) - Qwik development with TypeScript and Vite integration.
• Qwik (with Tailwind CSS) - Qwik development with Tailwind CSS integration.
• React Components Creation - React component creation and development.
• React (FormEngine AI Form Builder) - Generating React forms from screenshots, PDFs, HTML, or text descriptions with validated FormEngine JSON schema. Renders through RSuite, Material UI, or Mantine.
• React (Next.js UI Development) - React development with Next.js UI integration.
• React Router v7 - Framework mode, data routers, loaders, actions, route modules, and progressive enhancement.
• React (TypeScript, Next.js, Node.js) - React development with TypeScript, Next.js, and Node.js integration.
• React (TypeScript, Symfony) - React development with TypeScript and Symfony integration.
• Semiotic (React, D3, Data Visualization) - Semiotic data visualization library with 30+ chart types, MCP server, and AI-assisted chart generation.
• Shopify Theme (Liquid, JavaScript, CSS) - Shopify theme development with Liquid templates, section schemas, frontend assets, performance, and accessibility.
• Solid.js (Basic Setup) - Solid.js development with basic setup.
• Solid.js (TypeScript) - Solid.js development with TypeScript integration.
• Solid.js (Tailwind CSS) - Solid.js development with Tailwind CSS integration.
• Svelte 5 vs Svelte 4 - Comparing Svelte 5 and Svelte 4 development.
• SvelteKit (RESTful API, Tailwind CSS) - SvelteKit development with RESTful API and Tailwind CSS integration.
• SvelteKit (Tailwind CSS, TypeScript) - SvelteKit development with Tailwind CSS and TypeScript integration.
• SvelteKit (TypeScript Guide) - SvelteKit development with TypeScript integration.
• TanStack Router (React) - TanStack Router v1 with file-based routing, typed params, search validation, loaders, auth guards, and route preloading.
• Vue 3 (Nuxt 3 Development) - Vue 3 development with Nuxt 3 integration.
• Vue 3 (Nuxt 3, TypeScript) - Vue 3 development with TypeScript integration.
• Vue 3 (Composition API) - Vue 3 development with Composition API integration.
• Vue/Nuxt Full AI Stack - Complete AI coding setup for Vue 3 & Nuxt 3 with Cursor Project Rules, CLAUDE.md, Copilot instructions, and generation skills.

Backend and Full-Stack

• Cloudflare Workers (Hono, Angular) - Full-sta