Skip to content

vercel-react-best-practices

Curated third-party skill source. Run external-skill-auditor before repo promotion.

vercel-react-best-practices18 wordsCuratedinstall-now-after-trust-gate
Curated third-party skill source. Run external-skill-auditor before repo promotion.

Quick Start

Install:

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Use: /vercel-react-best-practices

Works with Claude Code, Gemini CLI, OpenCode, and other agentskills.io-compatible agents.

React + Next.js perf optimization guidelines from Vercel Engineering: 40+ rules, 8 categories (eliminate waterfalls Critical, bundle size Critical, server perf High, data fetching, re-renders, rendering, micro-opts). Prioritized by impact. From vercel-labs/agent-skills.

Targets verified harnesses: antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode.

Portable multi-harness install command:

Terminal window
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Trust tier: Curated (curated-trust-gated)

Curated status: install-now-after-trust-gate

Risk notes: Curated third-party skill source. Run external-skill-auditor before repo promotion.

Entry maintained via authoring + research for compose-external-wave-13; provenance and audit notes are authoritative there (research context is advisory).

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices ... -a ... status=install-now-after-trust-gate.

FieldValue
Source Typecurated-external
Display Sourcevercel-labs/agent-skills
Source Kindgithub
Installabilityportable command
Review Statecurated
Trust Tiercurated-trust-gated
Target Agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode
Curated catalog entry
docs/src/authoring/skills/vercel-react-best-practices.mdx (full SSOT excerpt)
---
name: "vercel-react-best-practices"
description: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
title: "Vercel React Best Practices"
source_kind: "curated-external"
source: "vercel-labs/agent-skills"
install_source: "vercel-labs/agent-skills"
status: "install-now-after-trust-gate"
trust_tier: "curated-trust-gated"
provenance_status: "verified-install-command"
install_command: "npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode"
target_agents: [antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode]
source_url: "https://github.com/vercel-labs/agent-skills"
notes: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
risk_notes: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
promotion_policy: "Install only after trust gate; audit again before repo promotion."
provenance_evidence: "Curated `npx skills add` command with named `--skill` selectors under `install-now-after-trust-gate` in config/external-skills.md."
---
{/* GENERATED-AUTHORING: source=config/external-skills.md; entry=vercel-react-best-practices; re-run migration to refresh */}
Curated third-party skill source. Run external-skill-auditor before repo promotion.

Install / provenance (from authoring frontmatter + research):

FieldValue
install_commandnpx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode
sourcevercel-labs/agent-skills
source_urlhttps://github.com/vercel-labs/agent-skills
trust_tiercurated-trust-gated
curated_statusinstall-now-after-trust-gate
target_agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode