OpenAgentSkillRegistry
ResolveSkillsTasksPacksCompareAPIDocs
Star0Submit Skill
Star0
Skills/coding-agents/Vercel React Best Practices

Vercel React Best Practices

STRONG · 91
Registry indexed

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Downloads0
Stars29.3K
Version1.0.0
Quality100/100 · Excellent
Trust91/100 · Review then install
Audit96/100 · Safe to try

Supply asset profile

Coding and developer agents

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Browse track

Scenario

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Agent fit

Claude Code + OpenAI Agents + Cursor

Codex, Claude Code, Cursor, CLI, or custom agents.

Install

Ready

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Maintenance

fresh

Pushed today

Risk

Safe to try

No major risk signals from available metadata

GitHub quality

29K

100/100 quality · 94/100 trust

Coverage tags

CodingCoding agentscoding-agentsagent-skillreact

Review notes

No major risk signals from available metadata

Agent adoption scorecard

Trust, audit, and install readiness at a glance

These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.

Quality

Excellent
100

High-confidence pick with strong adoption and healthy maintenance signals.

Trust

Review then install
91

Good shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.

Audit

Safe to try
96

Install readiness, security metadata, maintenance, and adoption risk.

Trust Score v5

Agent install candidate

Use as the primary candidate after human or sandbox review.

CodexClaude CodeCursorReactNext.js

Stars

29K GitHub stars

Repo activity

29K stars, 2.6K forks

Maintenance

Pushed today

License

MIT

Install

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Install safety

standard package or runtime install path

Permission surface

no high-risk permission surface in public metadata

Agent outcomes

No agent outcome data yet

Docs

Strong README/SKILL.md context

Risk summary

Low metadata risk

  • No major trust warnings detected from available metadata

Install readiness

Install path available

  • Install path is available
  • Repository evidence is available
  • License is declared
  • No Agent Proven outcome evidence yet

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

Open JSON

Suited tasks

  • Coding agents workflows
  • Claude Code teams
  • teams that value GitHub adoption signals
  • Inspect source files

Suited agents

CodexClaude CodeCursorReactNext.jsOpenAgentSkill CLIOpenAI AgentsCLI

Install decision

Command
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
Policy
allow
Human review
no

Trust and risk

Trust
91/100
Audit
96/100
Risk level
Safe to try

Outcome loop

Endpoint
/api/agent/outcome
Event ID
resolve
Outcomes
5

Install command

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
Public auditEval reportResolve APIInstall handoff

Do not use when

  • teams that need a vendor-supported SLA
  • high-compliance environments without internal security review
  • No major risk signals from current metadata
  • No major trust warnings detected from available metadata
  • Production credentials, payments, or irreversible account changes without explicit human review

Alternative

Grill With Docs

164.7K stars

npx skills add mattpocock/skills --skill grill-with-docs

Alternative

Code Review

168.6K stars

npx skills add mattpocock/skills --skill code-review

Alternative

To Spec

164.7K stars

npx skills add mattpocock/skills --skill to-spec

Alternative

To Tickets

176.7K stars

npx skills add mattpocock/skills --skill to-tickets

Agent safety v2

92/100 · Safe to install with normal review

Verifiedallow

Strong metadata, audit, install, and review signals. Suitable for agent shortlists after normal workspace review.

Allow agent install in a sandbox or low-risk workspace, then promote after one successful narrow task.

Resolve via API

medium

Network access

Skill likely fetches remote pages, APIs, repositories, or external services.

Install targets

Install this skill in your agent workflow

Copy the registry command or an agent-specific install prompt for Codex, Claude Code, and Cursor.

skill install

OpenAgentSkill CLI

Use the registry command when your workflow supports the OpenAgentSkill installer.

$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open text plan

Resolve JSON

/api/agent/resolve?task=Use%20Vercel%20React%20Best%20Practices%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20Vercel%20React%20Best%20Practices%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/vercel-react-best-practices/install

Agent should check

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use Vercel React Best Practices in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Vercel%20React%20Best%20Practices%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/vercel-react-best-practices/install
Install command: npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Open install API

Install handoff

/api/skills/vercel-react-best-practices/install

LLM text format

/api/skills/vercel-react-best-practices/install?format=text

Find alternatives

/api/skills/search?q=Vercel%20React%20Best%20Practices&limit=3

Agent prompt

Use Vercel React Best Practices for this task. Review https://www.openagentskill.com/api/skills/vercel-react-best-practices/install, then install with: npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Registry metadata

Agent-readable profile for automatic skill selection.

This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.

Open manifest

Manifest

/api/registry/manifest/vercel-react-best-practices

LLM text

/api/registry/manifest/vercel-react-best-practices?format=text

Install alias

/api/registry/install/vercel-react-best-practices

Recommend

/api/registry/recommend?task=Use%20Vercel%20React%20Best%20Practices%20in%20an%20agent%20workflow&limit=3

Agent fit

100/100

Coding agents

Use-case tags

Coding agentsBrowser automationResearch agents

Platforms

Codex, Claude Code, Cursor, React, Next.js, OpenAI Agents

Audit report

Safe to try · 96/100

Review install readiness, maintenance, trust, quality, and metadata warnings before adding this skill to an agent workflow.

View audit reportView eval report

Agent decision cockpit

Primary pick for Coding agents

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Readiness
Adopt
Stage

Role in stack

Primary pick

Primary fit

Coding agents

Trust label

Production-ready

Install path

Command ready

Use when

  • Coding agents workflows
  • Claude Code teams
  • teams that value GitHub adoption signals

Evidence

  • 29,272 GitHub stars
  • recent repository activity
  • install command or GitHub repo available
  • 100/100 quality profile
  • 14 OpenAgentSkill engagement events

Review first

  • No major risk signals from current metadata

Implementation path

  1. 1Install it in a sandbox agent and run one Coding agents task end to end.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Trust profile

Review then install

Good shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.

91
Trust score

GitHub adoption

PASS

29K GitHub stars

Stars/forks activity

PASS

29K stars, 2.6K forks; issue activity unavailable in current metadata

Recent maintenance

PASS

Pushed today

License clarity

PASS

MIT

Good signals

  • Manually verified listing
  • AI review approved
  • Install path is available
  • Repository evidence is available
  • Recently maintained repository
  • Large GitHub adoption signal
  • Install command has no obvious high-risk pattern
  • Outcome loop is ready but needs first real agent run

Review before install

  • No real agent outcome reports yet
  • Human review required before unattended installation

Recommended action

Use as the primary candidate after human or sandbox review.

Quality profile

Excellent candidate for agent workflows

High-confidence pick with strong adoption and healthy maintenance signals.

100
GitHub stars
29K
Freshness
Today
Install ready
Yes
License
MIT

Workflow fit

Use this skill in these scenarios

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Operate web apps

Browser automation

I need my agent to control a browser, fill forms, and verify web app workflows.

Investigate faster

Research agents

I need my agent to research a topic, compare sources, and produce a concise report.

Stack fit

Add it to a complete workflow

Design, build, test, and ship interfaces

Frontend and UI

A complete stack for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Inspect, patch, and verify code

Coding review agent

A stack for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

Operate and verify web apps

Browser QA agent

A stack for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Alternative shortlist

Compare before you install

Similar skills in this category, ranked with the same readiness and quality signals.

Compare all

Grill With Docs

A relentless interview that pressure-tests a plan against the codebase, sharpens domain language, and updates CONTEXT.md and ADRs when decisions become durable.

Adopt
Ready100
Quality100
Stars164.7K

Code Review

Review a branch or diff against repository standards and the originating spec in two independent analysis passes.

Adopt
Ready100
Quality100
Stars168.6K

To Spec

Turn the current conversation and codebase context into a structured implementation spec, then publish it to the configured project issue tracker.

Adopt
Ready100
Quality100
Stars164.7K

To Tickets

Break a plan, spec, or conversation into independently actionable tracer-bullet tickets with explicit blocking relationships.

Adopt
Ready100
Quality100
Stars176.7K

Overview

A source-verified Vercel Engineering skill for React and Next.js performance work. Use it when building, reviewing, or refactoring components, pages, data fetching, bundle behavior, and rendering paths. Benchmark important user flows after changes instead of relying only on static guidance.

Platform Compatibility

codexFULL
claude-codeFULL
cursorFULL
reactFULL
next.jsFULL

Technical Details

Version
1.0.0
License
MIT
Last Updated
7/21/2026
Published
7/21/2026

Frameworks & Tools

CodexClaude CodeCursorReactNext.js

Decision snapshot

Primary pick

100
Ready
Adopt
Stage

29,272 GitHub stars

Audit snapshot

Install review

Install and adoption review

96
Safe to try
Security
90/100
Maintenance
100/100
Install
92/100
Open full auditOpen eval report

Agent-proven evidence

Agent Proven evidence

Outcome reports after resolve, review, install, and one narrow run.

0
Proven
Needs first agent runAuto-install: review firstLast: Unknown
Success rate
—
Recent failure
—
Outcomes
0
Output quality
—
Failed
0
Not relevant
0
Installs
0
Risk blocked
0
Setup needed
0
Production
0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Agent-Proven rankingOutcome contract

Install

Add to agent workflow

Free and open source. Review the audit before production use.

Compare AlternativesAuto-resolve PlanView on GitHubDocumentation

Growth loop

Share kit

X

Scenario-led draft for Vercel React Best Practices, ready for a manual X post.

Curator note
Most web agents fail in the boring part: messy pages, missing context, repeatable extraction.

Vercel React Best Practices gives agents a cleaner path to browse, extract, and monito...

29.3K stars

https://www.openagentskill.com/skills/vercel-react-best-practices?ref=x
#AIAgents
Open X draft
Optional reply with install command
Listing + install path for Vercel React Best Practices:
https://www.openagentskill.com/skills/vercel-react-best-practices?ref=x

Install: npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
Open reply draft

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator
vercel-labs
Source
vercel-labs/agent-skills
Indexed by
OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Claim this skill

Owner claim

Claim this skill listing

This registry indexed listing is attributed to vercel-labs but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/vercel-react-best-practices?metric=listed&label=Listed)](https://www.openagentskill.com/skills/vercel-react-best-practices)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/vercel-react-best-practices?metric=trust&label=Trust)](https://www.openagentskill.com/skills/vercel-react-best-practices)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/vercel-react-best-practices?metric=audit&label=Audit)](https://www.openagentskill.com/skills/vercel-react-best-practices/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/vercel-react-best-practices?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/vercel-react-best-practices)
Preview badge Open audit Creator Kit

Author

V

vercel-labs✓

@vercel-labs

Tags

agent-skillreactnextjsperformancefrontendcode-reviewweb-vitals

Platform Fit

Claude CodeOpenAI AgentsCursor

Health Signals

GitHub stars
29.3K
Quality score
75/100
Last GitHub push
Jul 20, 2026
Framework hints
5
OpenAgentSkill views
5
Install copies
0
Outbound clicks
0

Community Signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & Safety

Review then install

91
  • GitHub adoption29K GitHub starsPASS
  • Stars/forks activity29K stars, 2.6K forks; issue activity unavailable in current metadataPASS
  • Recent maintenancePushed todayPASS
  • License clarityMITPASS
  • README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
  • Dependency/runtime riskno major dependency risk hints in public metadataPASS

Related Skills

Grill With Docs

A relentless interview that pressure-tests a plan against the codebase, sharpens domain language, and updates CONTEXT.md and ADRs when decisions become durable.

164.7K stars · 0 installs

Code Review

Review a branch or diff against repository standards and the originating spec in two independent analysis passes.

168.6K stars · 0 installs

To Spec

Turn the current conversation and codebase context into a structured implementation spec, then publish it to the configured project issue tracker.

164.7K stars · 0 installs

To Tickets

Break a plan, spec, or conversation into independently actionable tracer-bullet tickets with explicit blocking relationships.

176.7K stars · 0 installs
OpenAgentSkill

The skill layer for AI agents: discover, compare, audit, and install reusable capabilities across Codex, Claude Code, Cursor, and agent runtimes.

GitHubX

Explore

SkillsAgent SkillsWhat Is an Agent Skill?AI Agent SkillsTasksSkill PacksBest SkillsTrendingStacksUse CasesAgentsAgent Entry

Trust

CompareSafety GateSkills RegistryRankingsOutcomesAuditsOfficialWeekly ReportsMonthly IndexState of Agent Skillsvs skills.shAgentSkills.io Alternative

Build

DocsAbout OpenAgentSkillAPIllms.txtOpenAPICLICreator KitX Growth KitSubmitBlogGuidesActivity
OpenAgentSkill Registry
PrivacyBuilt for agent-native discovery