Vercel React Best Practices
Review React and Next.js code against prioritized rules for data fetching, bundle size, rendering, and runtime performance.
Use a focused instruction when the task is to change code: write a test, investigate a failure, improve a React implementation, or refactor without changing behavior.
Coding Skills guide decisions inside an existing codebase. They do not supply a runtime, a repository, or permission to edit production systems. Read each source for its assumptions before applying it.
Review React and Next.js code against prioritized rules for data fetching, bundle size, rendering, and runtime performance.
Apply React Native guidance for mobile lists, gestures, images, and safe areas when building or reviewing native interfaces.
Build features and fixes through agreed public interfaces and small failing-test-to-implementation cycles.
Diagnose difficult bugs through a reproducible signal, minimized case, and verified correction.
Asks for evidence-ranked hypotheses when a failure is ambiguous, intermittent, or performance-related, before any edit.
Structures code extraction, consolidation, or cleanup around verification that existing behavior remains intact.
Review a fixed Git diff independently for repository standards and originating requirements.
Investigate root causes through four evidence-led phases before implementing and verifying a correction.
This is an independent directory. Check the publisher's source for installation, tools, and availability.
Start with TDD when the expected behavior can be stated and checked before implementation.
Use diagnosis or investigation guidance to rank evidence before editing the suspected code.
Choose React-specific guidance for performance issues, or Safe Refactor when behavior must remain unchanged.
Choose the next task, not just the next publisher.
Bring the task, repository context, tests, and review decisions into one workspace.