vercel-react-best-practices
by vercel-labs (GitHub) in vercel-labs/agent-skills
We could not find a license we can quote from. Read the description on GitHub.
Install
git clone --depth 1 https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills mkdir -p ~/.claude/skills/ cp -r /tmp/agent-skills/skills/react-best-practices ~/.claude/skills/react-best-practices
The command copies the skill from the author's repo. SkillTrove does not host it.
Files
- AGENTS.md
- README.md
- SKILL.md
- metadata.json
- rules/_sections.md
- rules/_template.md
- rules/advanced-effect-event-deps.md
- rules/advanced-event-handler-refs.md
- rules/advanced-init-once.md
- rules/advanced-use-latest.md
- rules/async-api-routes.md
- rules/async-cheap-condition-before-await.md
- rules/async-defer-await.md
- rules/async-dependencies.md
- rules/async-parallel.md
- rules/async-suspense-boundaries.md
- rules/bundle-analyzable-paths.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-localstorage-schema.md
- rules/client-passive-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
Source: https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices. Checked 2026-10-13.
Similar skills
api-and-interface-design
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, def...
browser-testing-with-devtools
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture...
ci-cd-and-automation
Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test ...
deprecation-and-migration
Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when mi...
documentation-and-adrs
Records decisions and documentation. Use when you need to document an architecture decision (ADR) or the reasoning behind a design choice, when changing publ...
frontend-ui-engineering
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing lay...