Home / coco-research / coco · skills/vercel-react-best-practices/AGENTS.md · GitHub

AGENTS.md@skills/vercel-react-best-practices agentsB

AGENTS.md@skills/vercel-react-best-practices is agent-read markdown (agents) from coco-research/coco.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# React Best Practices

**Version 1.0.0**  
Vercel Engineering  
January 2026

> **Note:**  
> This document is mainly for agents and LLMs to follow when maintaining,  
> generating, or refactoring React and Next.js codebases. Humans  
> may also find it useful, but guidance here is optimized for automation  
> and consistency by AI-assisted workflows.

---

## Abstract

Comprehensive performance optimization guide for React and Next.js applications, designed for AI agents and LLMs. Contains 40+ rules across 8 categories, prioritized by impact from critical (eliminating waterfalls, reducing bundle size) to incremental (advanced patterns). Each rule includes detailed explanations, real-world examples comparing incorrect vs. correct implementations, and specific impact metrics to guide automated refactoring and code generation.

---

## Table of Contents

1. [Eliminating Waterfalls](#1-eliminating-waterfalls) — **CRITICAL**
   - 1.1 [Defer Await Until Needed](#11-defer-await-until-needed)
   - 1.2 [Dependency-Based Parallelization](#12-dependency-based-parallelization)
   - 1.3 [Prevent Waterfall Chains in API Routes](#13-prevent-waterfall-chains-in-api-routes)
…

Read the whole file at its exact version.

How to install

Latest version
mdr add coco-research/coco/skills/vercel-react-best-practices/AGENTS.md@git:20260426.d53cc6c
Exact content
mdr add coco-research/coco/skills/vercel-react-best-practices/AGENTS.md@sha256:be5257266331a38b

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_j4coyhsruzcq2unb.svg)](https://markdownregistry.com/a/art_j4coyhsruzcq2unb)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260426.d53cc6c latest2026-04-26 d53cc6c 81,716 BB view

Audit of the latest version

B  13 of 14 checks passed. Deterministic, no model, same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Size between 200 bytes and 200 KB (81716 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Source

GitHub

coco-research/coco · 478 stars · license NOASSERTION · pushed 2026-09-25 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_j4coyhsruzcq2unb
GET https://markdownregistry.com/api/v1/resolve?ref=coco-research/coco/skills/vercel-react-best-practices/AGENTS.md
GET https://markdownregistry.com/api/v1/blob/be5257266331a38b025243e813b6dfe2b50659a9b7990a3556c1110cfc9d5e91

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from coco-research/coco

create-rule skill
coco-research/coco · adapters/cursor/skills/create-rule/SKILL.md · Create Cursor rules for persistent AI guidance. Use when the user wants to create a rule, add coding standards, set up…
git:20260426.d53cc6c · audit A · 478 stars
create-skill skill
coco-research/coco · adapters/cursor/skills/create-skill/SKILL.md · Guides users through creating effective Agent Skills for Cursor. Use when the user wants to create, write, or author a…
git:20260426.d53cc6c · audit A · 478 stars
create-subagent skill
coco-research/coco · adapters/cursor/skills/create-subagent/SKILL.md · Create custom subagents for specialized AI tasks. Use when the user wants to create a new type of subagent, set up…
git:20260426.d53cc6c · audit A · 478 stars
migrate-to-skills skill
coco-research/coco · adapters/cursor/skills/migrate-to-skills/SKILL.md · Convert 'Applied intelligently' Cursor rules (.cursor/rules/*.mdc) and slash commands (.cursor/commands/*.md) to Agent…
git:20260426.d53cc6c · audit A · 478 stars
update-cursor-settings skill
coco-research/coco · adapters/cursor/skills/update-cursor-settings/SKILL.md · Modify Cursor/VSCode user settings in settings.json. Use when the user wants to change editor settings, preferences…
git:20260426.d53cc6c · audit A · 478 stars
agent-lightning skill
coco-research/coco · skills/agent-lightning/SKILL.md · Train and optimize AI agents using Microsoft's Agent Lightning framework with reinforcement learning. Use when setting…
git:20260802.1479e32 · audit A · 478 stars
agent-self-eval skill
coco-research/coco · skills/agent-self-eval/SKILL.md · Post-run self-evaluation system that scores agent output on correctness, clarity, actionability, and conciseness. Use…
v0.1.0 · audit A · 478 stars
ai-marketing-videos skill
coco-research/coco · skills/ai-marketing-videos/SKILL.md · Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for…
git:20260914.57d3294 · audit A · 478 stars
ai-product skill
coco-research/coco · skills/ai-product/SKILL.md · Use when building AI features into a product: LLM integration, RAG pipelines, guardrails, streaming, AI UX, prompt…
v0.1.0 · audit A · 478 stars
api-design-principles skill
coco-research/coco · skills/api-design-principles/SKILL.md · Use when designing a new REST or GraphQL API, reviewing an API spec before implementation, setting team API standards…
git:20260914.e75f220 · audit A · 478 stars
pmstudio-arb skill
coco-research/coco · skills/arb-review/SKILL.md · Generate an Architecture Review Board (ARB) presentation in Coco Inc's standard 11-slide format. Use when someone asks…
git:20260802.1479e32 · audit A · 478 stars
arch-index skill
coco-research/coco · skills/arch-index/SKILL.md · Build and validate .arch/index.json — a committed map from each architectural component of this repository to the real…
v1.0.0 · audit A · 478 stars

Every file in coco-research/coco

Other files named AGENTS.md@skills/vercel-react-best-practices

AGENTS.md@skills/vercel-react-best-practices agents
dannykkh/skill-olympus · skills/vercel-react-best-practices/AGENTS.md
git:20260131.1b9fc84 · audit B · 6 stars
AGENTS.md@skills/vercel-react-best-practices agents
marcellocurto/skills · skills/vercel-react-best-practices/AGENTS.md
git:20260906.ccd7ead · audit B · 3 stars

Browse by kind, by grade B, or by owner.