create-rule
Create Cursor rules for persistent AI guidance. Use when the user wants to create a rule, add coding standards, set up project…
@coco-researchInstall SkillDevelopment
Skill
/vercel-react-best-practices
Pointer to the upstream skill for React and Next.js performance work (data fetching, bundle size, re-renders), installed from upstream.
Claude Code
$ npx -y skills add coco-research/coco --skill vercel-react-best-practices --agent claude-code
Codex
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a codex -y
Cursor
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a cursor -y
Gemini CLI
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a gemini-cli -y
GitHub Copilot
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a github-copilot -y
OpenCode
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a opencode -y
Windsurf
$ npx skills add coco-research/coco --skill vercel-react-best-practices -a windsurf -y
SKILL.md
vercel-react-best-practices.SKILL.mdname: vercel-react-best-practices description: "Pointer to the upstream skill for React and Next.js performance work (data fetching, bundle size, re-renders), installed from upstream." domain: engineering
Vercel React Best Practices
Coco does not ship this skill because the upstream ships no licence file or copyright notice (its README and SKILL.md frontmatter only say MIT), so this page points to the original instead.
Install from upstream
Review the upstream repository before you run its installer; Coco does not vet or pin it.
npx skills add vercel-labs/agent-skills@vercel-react-best-practices
Source
https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-best-practices
Coco will not reproduce the upstream text. If you are the author and want this link removed or changed, see docs/personas/TAKEDOWN.md.
Ships withcoco
495 personas across 13 departments, 229 skills[^installed] and 388 commands in the full catalog (coco 1.9.0, 2026-10-21). Agent skills, slash commands and subagents for Claude Code, Cursor, Codex and other AI coding agents.
796200 skills53 agents
Stars on GitHub
Momentum
- stars in total
- 796
Other skills on coco.
@coco-researchInstall Skillcreate-skill
Guides users through creating effective Agent Skills for Cursor. Use when the user wants to create, write, or author a new skill,…
@coco-researchInstall Skillcreate-subagent
Create custom subagents for specialized AI tasks. Use when the user wants to create a new type of subagent, set up task-specific…
@coco-researchInstall Skillmigrate-to-skills
Convert 'Applied intelligently' Cursor rules (.cursor/rules/*.mdc) and slash commands (.cursor/commands/*.md) to Agent Skills…
@coco-researchInstall Skillupdate-cursor-settings
Modify Cursor/VSCode user settings in settings.json. Use when the user wants to change editor settings, preferences,…
@coco-researchInstall Skillagent-lightning
Train and optimize AI agents using Microsoft's Agent Lightning framework with reinforcement learning. Use when setting up agent…
@coco-researchInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about vercel-react-best-practices.
- Which coding agents can use vercel-react-best-practices?
- vercel-react-best-practices installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.