vercel-labs/agent-skills
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Official selection · May 28, 2026What you’re adding
This skill may reference tools or services you need to set up separately. The package check shows the exact files; it does not install dependencies or run scripts.
60 files in the provider snapshot
AGENTS.md108.3K Bmetadata.json921 BREADME.md3,360 Brules/_sections.md1,554 Brules/_template.md631 Brules/advanced-effect-event-deps.md1,802 Brules/advanced-event-handler-refs.md1,483 Brules/advanced-init-once.md958 Brules/advanced-use-latest.md1,072 Brules/async-api-routes.md1,125 Brules/async-cheap-condition-before-await.md1,220 Brules/async-defer-await.md2,208 Brules/async-dependencies.md1,293 Brules/async-parallel.md654 Brules/async-suspense-boundaries.md2,510 Brules/bundle-analyzable-paths.md2,382 Brules/bundle-barrel-imports.md2,795 Brules/bundle-conditional.md949 Brules/bundle-defer-third-party.md920 Brules/bundle-dynamic-imports.md791 Brules/bundle-preload.md1,149 Brules/client-event-listeners.md1,969 Brules/client-localstorage-schema.md1,950 Brules/client-passive-event-listeners.md1,644 Brules/client-swr-dedup.md1,159 Brules/js-batch-dom-css.md3,266 Brules/js-cache-function-results.md1,949 Brules/js-cache-property-access.md532 Brules/js-cache-storage.md1,651 Brules/js-combine-iterations.md753 Brules/js-early-exit.md1,133 Brules/js-flatmap-filter.md1,411 Brules/js-hoist-regexp.md1,028 Brules/js-index-maps.md837 Brules/js-length-check-first.md1,747 Brules/js-min-max-loop.md2,290 Brules/js-request-idle-callback.md2,647 Brules/js-set-map-lookups.md532 Brules/js-tosorted-immutable.md1,782 Brules/rendering-activity.md564 Brules/rendering-animate-svg-wrapper.md1,185 Brules/rendering-conditional-render.md980 Brules/rendering-content-visibility.md815 Brules/rendering-hoist-jsx.md1,039 Brules/rendering-hydration-no-flicker.md2,308 Brules/rendering-hydration-suppress-warning.md872 Brules/rendering-resource-hints.md2,549 Brules/rendering-script-defer-async.md1,868 Brules/rendering-svg-precision.md588 Brules/rendering-usetransition-loading.md2,074 Brules/rerender-defer-reads.md973 Brules/rerender-dependencies.md824 Brules/rerender-derived-state-no-effect.md1,201 Brules/rerender-derived-state.md728 Brules/rerender-functional-setstate.md2,968 Brules/rerender-lazy-state-init.md2,016 Brules/rerender-memo-with-default-value.md1,173 Brules/rerender-memo.md1,148 Brules/rerender-move-effect-to-event.md1,268 Brules/rerender-no-inline-components.md2,135 B
Snapshot inspected Sep 7, 2026. Adding uses a fresh GitHub revision and checks it separately.
Your vault, your checks
- 01Inspect the source
Review the exact revision, files and available capacity.
- 02Save a private Draft
Run your vault’s security scan and complete any required review.
- 03Use the approved version
Make it available through your existing agent connection.
Observed activity
All-time installs reported by skills.sh. Daily observations start when this catalog is first synchronized.
| Date | Installs | Rank |
|---|---|---|
| Sep 7, 2026 | 695,297 | #12 |
| Sep 9, 2026 | 699,207 | #12 |
| Sep 10, 2026 | 701,811 | #12 |
| Sep 11, 2026 | 704,435 | #12 |
| Sep 13, 2026 | 708,423 | #12 |
| Sep 14, 2026 | 710,243 | #12 |
| Sep 15, 2026 | 713,433 | #12 |