vercel-react-best-practices

We split this skill into the rules it gives an agent

1 rule. 1 is common, 0 are distinctive, and 0 are very specific to this project.

• 1

  Common

  Most of the 144 edited versions we read keep these.

• 0

  Distinctive

  This author's own choices. Worth a look.

• 0

  Very specific

  Tied to their project's names, files or tools. Probably skip.

Licensed with conditions — read it at the source. We count its rules but don't quote them. Read them on GitHub.

“Common” is measured: kept by at least 6 in 10 of the 144 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

• Other versions207 projects use a version of this.

  Word for word · 58

  1. mfts/papermark★ 9.2k100% same
  2. papermark/papermark★ 9.2k100% same
  3. dinerojs/dinero.js★ 6.8k100% same
  4. yournextstore/yournextstore★ 5.5k100% same
  5. bestofjs/bestofjs★ 3.1k100% same
  6. TheEdoRan/next-safe-action★ 3.1k100% same
  7. Draculabo/AntigravityManager★ 2.4k100% same
  8. kokonut-labs/kokonutui★ 2.2k100% same
  9. agentset-ai/agentset★ 2.1k100% same
  10. KartikLabhshetwar/screenshot-studio★ 1.1k100% same

  48 more not listed

  Edited · 145

  1. Significant-Gravitas/AutoGPT★ 188k93% same
  2. calesthio/OpenMontage★ 74k80% same
  3. CherryHQ/cherry-studio★ 53k91% same
  4. vercel-labs/agent-skills★ 33k79% same
  5. udecode/plate★ 17k79% same
  6. open-metadata/OpenMetadata★ 16k79% same
  7. Arize-ai/phoenix★ 12k79% same
  8. trycompai/crm★ 11k79% same
  9. polarsource/polar★ 10k93% same
  10. mengxi-ream/read-frog★ 10k79% same

  135 more not listed

  Wrote their own version · 4

  1. QuantumNous/new-api★ 51ksame name
  2. coco-research/coco★ 797same name
  3. extra-org/extra★ 118same name
  4. composio-community/opencode-skills★ 14same name

  How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.

• Used alongsideProjects with it also use dep-refs, feature-boundary-planner and 10 more.

  Other files people use alongside this one.

  How we pick theseFiles found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.

  • betacatslingSkill

    dep-refs

    Use when needs to inspect TypeScript export references in the z-code workspace, list exports from a file, verify whether an export is unused before deletion, investigate who imports a symbol during refactors, or combine pnpm knip unused-export results with pnpm dep:refs symbol-level reference tracing.

    Also in 5 projects that use this

  • betacatslingSkill

    feature-boundary-planner

    Map a ZCode behavior change to current UI surfaces, state owners, protocol commands, persistence, and validation. Use for impact analysis, product-boundary planning, or an implementation handoff grounded in the checked-out source.

    Also in 5 projects that use this

  • SentrySkill

    vercel-composition-patterns

    Also in 113 projects that use this

  • VercelSkill

    next-upgrade

    Upgrade Next.js to the latest version following official migration guides and codemods

    Also in 10 projects that use this

  • Cartograf666Skill

    architecture-governance

    Bootstrap, document, enforce, and review a project's architecture through layer responsibilities, dependency direction, architecture manifests, legacy baselines, Change Envelopes, cross-layer approval policy, and deterministic architecture checks. Use when starting a project, auditing an existing codebase, planning cross-layer work, preventing architecture erosion, reviewing structural changes, or deciding whether implementation may expand into another layer.

    Also in 5 projects that use this

  • VercelSkill

    next-cache-components

    Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

    Also in 15 projects that use this

  • +3 more from vercel-labs
• In this repository18 other files it gives its agents.

  • AGENTS.mdAGENTS.md
  • .agents/skills/vercel-react-best-practices/AGENTS.mdAGENTS.md
  • ui/AGENTS.mdAGENTS.md
  • CLAUDE.mdCLAUDE.md
  • changelog-generatorSkill
  • code-reviewerSkill
  • grill-meSkill
  • kicadSkill
  • pcbwaySkill
  • prd-to-planSkill
  • python-performance-optimizationSkill
  • senior-backendSkill
  • senior-data-engineerSkill
  • senior-data-scientistSkill
  • senior-fullstackSkill
  • skill-lookupSkill
  • update-docsSkill
  • write-a-prdSkill