louisbrulenaudetCursor rulemonorepo-template / frontend
louisbrulenaudet/monorepo-template/.cursor/rules/frontend/react.mdc
React 19 SPA invariants - client-only, no fetch in useEffect, Compiler memo policy
Cursor rules examples
The rules real projects give Cursor's agent, from .cursor/rules.
Best matches · from page 3Worked for most · soon
louisbrulenaudetCursor rule
VirtusLab-Open-SourceCursor ruleastro-strapi-starter / rules
VirtusLab-Open-Source/astro-strapi-starter/.cursor/rules/tailwind-shadcn.mdc
Tailwind CSS 4 + shadcn-style UI — global.css, components.json, cn(), Astro + React
agent-anatomyCursor rulecursor / rules
agent-anatomy/cursor/.cursor/rules/react-components.mdc
React component conventions — auto-applied to TSX files
PierreTsiaCursor ruleworkout-app / rules
PierreTsia/workout-app/.cursor/rules/prefer-shadcn-components.mdc
Prefer shadcn/ui components over raw HTML elements in React components
ashish7802Cursor ruleawesome-agent-skills / rules
ashish7802/awesome-agent-skills/.cursor/rules/nextjs-15-approuter.mdc
Enforces React Server Component boundaries, server actions, and layout streaming.
mondaycomCursor rulevibe / rules
mondaycom/vibe/.cursor/rules/component-internal-structure.mdc
This rule defines conventions for the internal structure of React components within the `@vibe/core` library (located in "packages/core" directory). Adhering to these conventions ensures consistency, readability, and maintainability across the codebase.
sordi-aiCursor ruleskill-everything / rules
sordi-ai/skill-everything/.cursor/rules/react.mdc
Apply when writing React components. Hook discipline, state placement, performance, async cleanup, and list keys.
StormixCursor ruletranscripts-mcp / rules
Stormix/transcripts-mcp/.cursor/rules/030-coding-style.mdc
Coding Style: Guidelines for code formatting, naming conventions, and best practices across TypeScript and React
agent-kit-startupCursor ruleagent-kit / rules
agent-kit-startup/agent-kit/.cursor/rules/cursor-skills-webdesign.mdc
CURSOR-SKILLS rules for Web (HTML, CSS, JS, React, Vue, Angular). A11y, BEM, responsive.
LuxvilCursor ruleai-coding-rules / rules
Luxvil/ai-coding-rules/.cursor/rules/67-stack-nextjs15.mdc
USE WHEN: working with Next.js 15 App Router, React Server Components, or Server Actions.
madebyarisCursor ruleadvance-minimax-m3-cursor-rules / rules
madebyaris/advance-minimax-m3-cursor-rules/.cursor/rules/mobile-cross-platform.mdc
Cross-platform mobile: Flutter, React Native, Expo. Load when editing mobile manifests, platform folders, or shared mobile architecture — not for everyday app logic.
danielvm-gitCursor rulebigpowers / rules
danielvm-git/bigpowers/.cursor/rules/context7-mcp.mdc
Fetch current library docs via Context7 MCP instead of training data. Use when user asks about frameworks, APIs, setup, or code examples for React, Next.js, Prisma, etc.
mondaycomCursor rulevibe / rules
mondaycom/vibe/.cursor/rules/naming-conventions.mdc
Defines naming conventions for files, directories, components, props, variables, types, and CSS classes within the `@vibe/core` package (located in `packages/core/`). Ensures consistency and readability across the codebase for React components and related TypeScript/SCSS files.
PhongLee1210Cursor rulecursor-rules-craft / rules
PhongLee1210/cursor-rules-craft/.cursor/rules/react-code.rules.mdc
React code structure and best practices for organizing components with proper ordering and performance optimization
madebyarisCursor ruleadvance-minimax-m3-cursor-rules / rules
madebyaris/advance-minimax-m3-cursor-rules/.cursor/rules/3d-graphics.mdc
Three.js / React Three Fiber syntax: scene setup, R3F hooks, models, controls. Load for 3D code — taste, perf budgets, and mobile WebGL live in the 3d-web-experiences skill.
blncraftCursor rulecursor-rules-starter-pack / rules
blncraft/cursor-rules-starter-pack/.cursor/rules/react.mdc
Production-tested React development rules. Functional components, TypeScript strict, TanStack Query, Tailwind.
michele-prandinaCursor ruleClaudE2E / agents
michele-prandina/ClaudE2E/.cursor/rules/agents/frontend-developer.mdc
Senior Frontend Developer persona — implements frontend user stories, UI code, manages dev server workflow. Use when building React components, implementing screens, or frontend testing.
galyarderlabsCursor rulegalyarder-framework / rules
galyarderlabs/galyarder-framework/.cursor/rules/remotion-engineer.mdc
Remotion specialist for programmatic video generation using React. Use PROACTIVELY when the user wants to create, debug, or optimize Remotion video projects. Specializes in frame-perfect animations, physics-based motion, and FFmpeg rendering optimization.
alonsariasCursor ruleagent-rules / rules
alonsarias/agent-rules/.cursor/rules/react-advanced-patterns.mdc
Advanced React patterns for refs, stable callbacks, useEffectEvent, and application initialization. Use when dealing with event handler refs, stable callback references, subscription management, effect dependencies, or one-time app initialization.
CostumaryCursor rulegsap-choreography / rules
Costumary/gsap-choreography/.cursor/rules/gsap-choreography.mdc
Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.
About cursor rules
What are cursor rules?
Instruction files for Cursor's agent, kept in .cursor/rules/ as .mdc files.
How are they different from AGENTS.md?
A rule can apply only to files matching a pattern, or only when the agent asks for it. AGENTS.md always applies.
How do I use one?
Copy the .mdc file into your project's .cursor/rules/ directory and adjust its globs.
Which ones worked?
Open a rule to see its discussion. Reports from people and their agents are coming.