ratnesh-maurya/cursor-claude-personas

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

3D content in Remotion using Three.js and React Three Fiber.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

This file defines all sections, their ordering, impact levels, and descriptions. The section ID (in parentheses) is the filename prefix used to group rules.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Impact: MEDIUM (optional impact description).

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Store callbacks in refs when used in effects that shouldn't re-subscribe on callback changes.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Access latest values in callbacks without adding them to dependency arrays. Prevents effect re-runs while avoiding stale closures.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Fundamental animation skills for Remotion.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Importing images, videos, audio, and fonts into Remotion.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

In API routes and Server Actions, start independent operations immediately, even if you don't await them yet.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Move await operations into the branches where they're actually used to avoid blocking code paths that don't need them.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

For operations with partial dependencies, use better-all to maximize parallelism. It automatically starts each task at the earliest possible moment.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

When async operations have no interdependencies, execute them concurrently using Promise.all().

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Instead of awaiting data in async components before returning JSX, use Suspense boundaries to show the wrapper UI faster while data loads.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Using audio and sound in Remotion - importing, trimming, volume, speed, pitch.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Auto-Skill Router and Manifest for 3D FRONTEND DEVELOPER.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Import directly from source files instead of barrel files to avoid loading thousands of unused modules. Barrel files are entry points that re-export multiple modules (e.g., index.js that does export from './module').

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Load large data or modules only when a feature is activated.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Analytics, logging, and error tracking don't block user interaction. Load them after hydration.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Use next/dynamic to lazy-load large components not needed on initial render.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Preload heavy bundles before they're needed to reduce perceived latency.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor needs its repo

Dynamically set composition duration, dimensions, and props.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Check if a video can be decoded by the browser using Mediabunny.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Chart and data visualization patterns for Remotion. Use when creating bar charts, pie charts, histograms, progress bars, or any data-driven animations.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

Use useSWRSubscription() to share global event listeners across component instances.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

SWR enables request deduplication, caching, and revalidation across component instances.