vercel__vercel-plugin/engine/react-best-practices.md at orchestrator

mirror of https://github.com/vercel/vercel-plugin.git synced 2026-09-14 15:39:47 +08:00

Files

T

John Lindquist 3a8a8b2bea feat: fix on-demand skill install pipeline, add 7 new engine rules, sync registries

- Fix skill store cross-root slug lookup: installed skills under registrySlug
  names (e.g., next-best-practices) now resolve when queried by engine name
  (e.g., nextjs). Full-body injection rate went from 5% to 78% in evals.

- Fix on-demand install: remove dead hooks.json registrations (library module
  with no entry point), keep inline calls from pretooluse/user-prompt-submit.
  Non-registry skills now dedup normally instead of wastefully reinjectiing
  summary-only content that can never upgrade.

- Add suppressWhenProjectFacts to engine rules: next-upgrade and turbopack
  suppressed in greenfield mode (was 12 useless injections per session).

- Add deriveRegistryInstallSet to orchestrator-install-plan (was missing
  export that crashed on-demand-skill-install on every invocation).

- Sync all engine rule registries from skills.sh API via build-registry.ts.
  22 skills now have registry backing across 11 official Vercel repos.
  Exclude vercel-labs/vercel-plugin and vercel/vercel-plugin self-references.

- Add build:registry to the build pipeline (hooks → registry → manifest).

- Create 7 new engine rules: electron, vercel-composition-patterns,
  vercel-react-native-skills, web-design-guidelines, deploy-to-vercel,
  vercel-react-view-transitions, workflow-init.

- Add .claude/skills/ to .gitignore (installed skill caches).

- Add Verification Checklist to CLAUDE.md.

2026-04-08 22:54:49 -06:00

1.6 KiB

Raw Permalink Blame History

name, registry, registrySlug, priority, docs, pathPatterns, importPatterns, validate, chainTo, retrieval

name

registry

registrySlug

priority

docs

pathPatterns

importPatterns

validate

chainTo

retrieval

react-best-practices

vercel-labs/agent-skills

vercel-react-best-practices

https://react.dev/reference/react

https://react.dev/learn

src/components/**/*.tsx

src/components/**/*.jsx

app/components/**/*.tsx

app/components/**/*.jsx

components/**/*.tsx

components/**/*.jsx

src/ui/**/*.tsx

lib/components/**/*.tsx

react

react-dom

pattern	message	severity	skipIfFileContains	upgradeToSkill	upgradeWhy
from\s+[''"](styled-components\|@emotion/styled\|@emotion/react\|@mui/material\|@chakra-ui/react)[''"]\|styled.	Legacy CSS-in-JS or component library detected. Consider shadcn/ui + Tailwind for modern Vercel-native UI.	warn	@/components/ui\|shadcn\|tailwindcss	shadcn	Migrate from CSS-in-JS/MUI/Chakra to shadcn/ui + Tailwind CSS for better SSR performance and Vercel ecosystem alignment.

pattern	targetSkill	message
from\s+[''"](styled-components\|@emotion/styled\|@emotion/react\|@mui/material\|@chakra-ui/react)[''"]\|styled.	shadcn	Legacy CSS-in-JS or component library detected — loading shadcn/ui guidance for modern Vercel-native UI.

aliases

intents

entities

react review

component quality

tsx linter

react patterns

review react code

improve component quality

check accessibility

optimize react

hooks

accessibility

React

TSX

component

Guidance for react-best-practices. Install from registry for full content.

1.6 KiB Raw Permalink Blame History

1.6 KiB

Raw Permalink Blame History