react-best-practices

v3.9.0

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.

CodexClaude Code1 Skill

By Claude Skills MaintainersLicense: MIT227 GitHub starsUpdated last week

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 1 skill or MCP entry
Source updated: Sep 28, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install react-best-practices for Codex and Claude Code

Installs for the current user

codex plugin marketplace add secondsky/claude-skills
codex plugin marketplace upgrade claude-skills
codex plugin add react-best-practices@claude-skills

Paste and run these commands in a terminal with Codex. They add and refresh the claude-skills catalog, then install this plugin.

Compatibility: the page URL and API slug “react-best-practices-2” remain stable.

Codex: react-best-practices-2@agent-plugin-marketplace → react-best-practices@claude-skills

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/secondsky/claude-skills

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/react-best-practices/.

Plugin files

plugins/react-best-practices/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
└── skills/react-best-practices/SKILL.md

Included Skills1

react-best-practicesskills/react-best-practices/SKILL.md

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.

Plugin manifests2

plugins/react-best-practices/.codex-plugin/plugin.json

{
  "name": "react-best-practices",
  "version": "3.9.0",
  "description": "React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.",
  "author": {
    "name": "Claude Skills Maintainers",
    "email": "[email protected]"
  },
  "license": "MIT",
  "repository": "https://github.com/secondsky/claude-skills",
  "keywords": [
    "react-best-practices",
    "react",
    "best",
    "practices",
    "frontend",
    "components",
    "refactoring",
    "async"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "React Best Practices",
    "shortDescription": "React and Next.js performance optimization guidelines from Vercel Engineering.",
    "longDescription": "React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.",
    "developerName": "Claude Skills Maintainers",
    "category": "Frontend",
    "capabilities": [
      "Read",
      "Write"
    ],
    "defaultPrompt": [
      "Help me with React Best Practices.",
      "Show me best practices for React Best Practices.",
      "Guide me through using React Best Practices effectively."
    ]
  }
}

plugins/react-best-practices/.claude-plugin/plugin.json

{
  "name": "react-best-practices",
  "description": "React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.",
  "version": "3.9.0",
  "author": {
    "name": "Claude Skills Maintainers",
    "email": "[email protected]"
  },
  "license": "MIT",
  "repository": "https://github.com/secondsky/claude-skills",
  "keywords": [
    "react-best-practices",
    "react",
    "best",
    "practices",
    "frontend",
    "components",
    "refactoring",
    "async"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[react-best-practices on Agent Plugins Marketplace](https://pluginsmp.com/plugins/react-best-practices-2)