codexplugin
V

Vercel React Best Practices

by am-will

Skillcoding8.8K stars

React and Next.js performance optimization from Vercel Engineering

1. Install now

$ npx codex-marketplace add am-will/codex-skills/skills/vercel-react-best-practices --skill

2. Verify after restart

Invoke the Vercel React Best Practices skill to review this code change

More verify prompts

Get it working

Install → restart → verify. Stay on this page until Vercel React Best Practices responds.

  1. 01

    Copy the install command

    Use the command on this page — it includes the correct --skill flag for this skill.

  2. 02

    Run it in your project terminal

    Execute the command from the directory where you use Codex, not necessarily your home folder.

  3. 03

    Restart or reload Codex

    Restart the Codex CLI or reload your IDE window so the new extension is picked up.

  4. 04

    Verify with a prompt

    Try one of the verify prompts below to confirm Vercel React Best Practices is active.

Verify it works

After install and reload, paste one of these into Codex.

Prompt 1

> Invoke the Vercel React Best Practices skill to review this code change

Prompt 2

> Use Vercel React Best Practices workflows for the task I'm working on now

Prompt 3

> When should I use the Vercel React Best Practices skill versus a general prompt?

If install fails

Fix these common issues before digging into GitHub issues.

  • Command not found or install fails

    Use Node.js 18+ and confirm npx works. Corporate proxies may need HTTPS_PROXY set for GitHub and npm.

  • Installed but Codex ignores it

    Restart the Codex CLI or reload the IDE window. Confirm you used the correct --plugin / --skill / --hook flag.

  • Skill never seems to load

    Ask Codex to use the skill by name in your prompt, or check that the skill appears in your local Codex skills list after install.

Full install & troubleshooting guide

About

React and Next.js performance optimization from Vercel Engineering

Vercel React Best Practices is a codex skill — a focused instruction set the agent loads when you need specialized coding help. Skills are lighter than full plugins and install with the --skill flag.

Source package path: am-will/codex-skills/skills/vercel-react-best-practices on GitHub (am-will/codex-skills).

Key features

  • Specialized agent instructions for coding tasks
  • Lighter than a full plugin — focused playbook the agent loads on demand
  • Install with the --skill flag via npx
  • Ideal when you want Vercel React Best Practices expertise without a full integration

Requirements

  • Node.js 18 or newer with npx available
  • Codex CLI or IDE extension installed and signed in

More from am-will

Other skills by the same author

Related skills

More in coding