vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering.

IndexedLicense unknown★ 1,062

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/jarrodwatts-vercel-react-best-practices

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

About

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.

Use cases: frontend, cloud, data, writing

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions: not checked yet.

What's inside

Skill name: vercel-react-best-practices
Description: 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.
License: unknown
Instructions: 118 lines in SKILL.md · view on GitHub

Before installing

Ships executable scripts

Files (63)

ci.yml · .github/workflows/
.gitignore
AGENTS.md
README.md
SKILL.md
metadata.json
package.json
pnpm-lock.yaml
_sections.md · rules/
_template.md · rules/
advanced-event-handler-refs.md · rules/
advanced-use-latest.md · rules/
async-api-routes.md · rules/
async-defer-await.md · rules/
async-dependencies.md · rules/
async-parallel.md · rules/
async-suspense-boundaries.md · rules/
bundle-barrel-imports.md · rules/
bundle-conditional.md · rules/
bundle-defer-third-party.md · rules/
bundle-dynamic-imports.md · rules/
bundle-preload.md · rules/
client-event-listeners.md · rules/
client-swr-dedup.md · rules/
js-batch-dom-css.md · rules/
js-cache-function-results.md · rules/
js-cache-property-access.md · rules/
js-cache-storage.md · rules/
js-combine-iterations.md · rules/
js-early-exit.md · rules/
js-hoist-regexp.md · rules/
js-index-maps.md · rules/
js-length-check-first.md · rules/
js-min-max-loop.md · rules/
js-set-map-lookups.md · rules/
js-tosorted-immutable.md · rules/
rendering-activity.md · rules/
rendering-animate-svg-wrapper.md · rules/
rendering-conditional-render.md · rules/
rendering-content-visibility.md · rules/
rendering-hoist-jsx.md · rules/
rendering-hydration-no-flicker.md · rules/
rendering-svg-precision.md · rules/
rerender-defer-reads.md · rules/
rerender-dependencies.md · rules/
rerender-derived-state.md · rules/
rerender-functional-setstate.md · rules/
rerender-lazy-state-init.md · rules/
rerender-memo.md · rules/
rerender-transitions.md · rules/
server-after-nonblocking.md · rules/
server-cache-lru.md · rules/
server-cache-react.md · rules/
server-parallel-fetching.md · rules/
server-serialization.md · rules/
build.ts · src/
extract-tests.ts · src/
migrate.ts · src/
parser.ts · src/
types.ts · src/
…and 3 more

The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub

Signals

Stars: 1,062
Forks: 120
Open issues: 0
Last commit (this folder): Jan 15, 2026 (9 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License: License unknown
Repository: github.com/jarrodwatts/claude-code-config
First seen: Oct 24, 2026
Last checked: Oct 24, 2026
Source: GitHub github-graphql

Same skill elsewhere

Copies of this SKILL.md published by others; search shows only one of them.

More from jarrodwatts

Cite this page

vercel-react-best-practices skill. Agent Mart. https://agentmart.dev/skills/jarrodwatts-vercel-react-best-practices (last updated 2026-10-24)