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.
Cursor rules examples
The rules real projects give Cursor's agent, from .cursor/rules.
Best matches · from page 4Worked for most · soon
blncraftCursor rule
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.
alonsariasCursor ruleagent-rules / rules
alonsarias/agent-rules/.cursor/rules/react-rendering-performance.mdc
React rendering and DOM performance patterns for animations, SVG optimization, CSS content-visibility, conditional rendering, and useTransition loading states. Use when working with animations, SVG elements, long lists, show/hide toggles, or loading state management.
alonsariasCursor ruleagent-rules / rules
alonsarias/agent-rules/.cursor/rules/react-performance-critical.mdc
Critical React performance patterns for eliminating async waterfalls and optimizing bundle size. Use when dealing with slow loading, Promise.all, async/await parallelization, bundle size optimization, lazy loading, code splitting, barrel file imports, or tree shaking issues.
alonsariasCursor ruleagent-rules / rules
alonsarias/agent-rules/.cursor/rules/react-rerender-optimization.mdc
React re-render optimization patterns including memo, useMemo, useCallback, useState, useRef, and derived state. Use when components re-render too often, dealing with stale closures, dependency arrays, performance issues, or optimizing slow components.
williammelinCursor rulewebgpu-r3f-claude-skill / rules
williammelin/webgpu-r3f-claude-skill/.cursor/rules/wgsl-integration.mdc
Mixing custom WGSL code into TSL shaders in React Three Fiber via wgslFn(). Use when integrating raw WGSL functions, porting existing WGSL, or optimizing hot paths that need hand-written shader code.
alonsariasCursor ruleagent-rules / rules
alonsarias/agent-rules/.cursor/rules/react-javascript-performance.mdc
JavaScript performance micro-optimizations for React applications including loops, caching, data structures, Set/Map lookups, array methods, RegExp hoisting, and immutable operations. Use when optimizing hot paths, working with arrays, loops, caching, or data structure lookups.
williammelinCursor rulewebgpu-r3f-claude-skill / rules
williammelin/webgpu-r3f-claude-skill/.cursor/rules/webgpu-r3f-tsl.mdc
Entry point for React Three Fiber + WebGPU + TSL guidance. Covers Canvas/renderer setup, node materials in JSX, node-graph memoization, and TSL syntax fundamentals. Auto-attaches on JS/TS/JSX/TSX files in projects using three/webgpu with R3F.
williammelinCursor rulewebgpu-r3f-claude-skill / rules
williammelin/webgpu-r3f-claude-skill/.cursor/rules/compute-shaders.mdc
GPU compute shaders in React Three Fiber + WebGPU using TSL. Covers instanced array buffers, parallel simulation, particle systems, atomic operations, workgroup barriers, and dispatching from useEffect/useFrame. Use when writing compute passes, particle systems, or GPU-side simulations in R3F.
williammelinCursor rulewebgpu-r3f-claude-skill / rules
williammelin/webgpu-r3f-claude-skill/.cursor/rules/device-loss-and-limits.mdc
WebGPU device loss handling, recovery strategies, and device limits/optional features in React Three Fiber. Use when adding robustness to an R3F WebGPU app, handling GPU crashes, requesting non-default limits, or enabling optional features like timestamp queries or float32-filterable.
williammelinCursor rulewebgpu-r3f-claude-skill / rules
williammelin/webgpu-r3f-claude-skill/.cursor/rules/post-processing.mdc
Post-processing effects for React Three Fiber + WebGPU via the TSL node-based pipeline. Covers RenderPipeline, built-in passes (bloom, blur, FXAA, DOF), custom effects with Fn(), effect chaining, and taking over the R3F render loop. Use when building render pipelines with post effects in R3F.
edhoferdianCursor ruleEEF / rules
edhoferdian/EEF/.cursor/rules/frontend-engineering-edho-ferdian.mdc
Authoring and configuration guidance for building React/Next.js frontend applications well from the start — component composition, UX/interaction recipes, Vite config, HeroUI setup, and AI-slop detection (see the Reference files table below for the full breakdown). A companion to language-code-review-edho-ferdian (which reviews code after it's written) — use this when DESIGNING or WRITING new frontend code, not when reviewing existing code. Trigger phrases: \"bagaimana cara structure component ini\", \"best practice React untuk X\", \"setup Vite untuk Y\", \"biar UI-nya gak keliatan AI banget\", \"kok hasil desainnya generic/template banget\", or when starting a new frontend feature.
edhoferdianCursor ruleEEF / rules
edhoferdian/EEF/.cursor/rules/language-code-review-edho-ferdian.mdc
Language- and framework-specific code review lenses layered on top of the general four-domain review in code-review-edho-ferdian — idioms, framework security misconfigurations, ORM/query correctness, performance traps, and testing conventions, auto-detected across ~20 stacks (React, Python, Go, Java/Spring, Ruby, and more — see the reference table below for the full list). Use whenever a review touches a specific language/framework and the generic checklist isn't enough — \"review kode Go/Python/React ini\", \"audit Django models\", \"cek FastAPI endpoint ini\", or when the user names a stack while asking for review. Loads only the lens file(s) matching the detected stack. Inherits Reflection and Critique-Correction gates from code-review-edho-ferdian.
TechNickAICursor rule100x / frontend
TechNickAI/100x/.cursor/rules/frontend/react-components.mdc
When writing React components
n-shadlooCursor rulefrontend-production-engineer / rules
n-shadloo/frontend-production-engineer/.cursor/rules/frontend-production-engineer.mdc
Production-grade frontend engineering for Next.js and TypeScript against a Django/DRF backend — plan first, verify the installed versions, never invent an API, keep the diff minimal, run the checks, and hold the work to a stated definition of done. Covers routing and rendering, the server/client boundary, the React component tree, the typed backend contract, and the non-functional guarantees (accessibility, security, performance, testing) that gate completion. All twenty-four domains are integrated; the router in SKILL.md is the authoritative list of what is loadable. Canonical instructions live in SKILL.md and references/.
edhoferdianCursor ruleEEF / rules
edhoferdian/EEF/.cursor/rules/build-fix-edho-ferdian.mdc
Diagnose and fix build, compile, dependency, and runtime-startup failures with minimal surgical diffs — never refactors, never architectural changes, always verified green. Auto-detects the stack from project files (JS/TS, Python/Django, Go, Rust, PHP/Laravel, Java/Spring, Quarkus, Kotlin, Swift, React Native, Flutter, Android, .NET, C++, PyTorch, ArkTS, Perl, Ruby, and more) and loads the matching diagnostic lens. Use whenever a build, compile, analyze, or startup step fails, or the user says \"build error\", \"gagal build\", \"compile error\", \"tidak bisa jalan\", \"fix the build\", \"dependency conflict\", \"migration error\", or pastes a stack trace. Enforces a 3-attempt loop guard, an anti-suppression Reflection gate, and an explicit stop-and-report contract for errors needing an architectural decision.
dirnbauerCursor rulewebconsulting-skills / rules
dirnbauer/webconsulting-skills/.cursor/rules/react-best-practices.mdc
Use the react-best-practices Agent Skill when relevant; read the full skill directory before acting.
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.