REPO PACKAGE
vercel-labs agent-skills
COMMUNITY9skills
5ready to use
LABSCO SUMMARY
Three are about shipping to Vercel itself: deploy-to-vercel and vercel-cli-with-tokens both push a project live, interactively or with a stored access token, and vercel-optimize audits a deployed project's cost and performance by pulling its real metrics, usage, and config before it recommends anything. All three need a Vercel account, and the token-based two need a saved credential as well.
The other six are pure guidance — no deployment, no account, nothing to configure. vercel-composition-patterns is about React component API design: compound components, state lifting, avoiding boolean-prop sprawl. vercel-react-best-practices and vercel-react-native-skills are Vercel Engineering's own performance rules for React/Next.js and React Native respectively. vercel-react-view-transitions covers React's View Transition API, including the Next.js transitionTypes prop. web-design-guidelines and writing-guidelines audit UI code and prose against Vercel's own interface and writing handbooks. None of the six touches your account, your deployment, or any outside service — they read code or text you already have and check it against a rule set.
READ THE FULL ANALYSIS
The readme's names don't match the install names. It documents these as react-best-practices, react-native-guidelines, react-view-transitions, and composition-patterns — none of which is what actually installs. What you get is vercel-react-best-practices, vercel-react-native-skills, vercel-react-view-transitions, and vercel-composition-patterns. The readme also describes a vercel-deploy-claimable skill built around a claim-URL flow that doesn't correspond by name to either live deploy skill. Search or reference by the names above, not the readme's.
Who this is for. Teams building on Vercel with React, Next.js, or React Native who want deploy automation and Vercel's own internal code-quality rules in one place. The guidance half applies even without deploying through Vercel at all — the React and writing rules aren't hosting-specific.
WHAT'S INSIDE
9 showing · 9 totalReady to use
Nothing else to set up — install it and go.
9 of 9
SETUP
Showing all 9 skills
deploy-to-vercel
Takes the project you are working on, puts it online on Vercel and hands back the link, and where it can, connects the repository so later pushes go live on their own.
vercel-cli-with-tokens
Drives Vercel from the command line with an access token instead of a browser login, which is what lets a script or a CI job deploy, set environment variables, attach a domain or read build logs unattended.
vercel-composition-patterns
A way of building React components so that one component never grows a long list of on/off switches: smaller pieces that slot together, with the state they share kept in one place behind them.
vercel-optimize
Looks at what a live Vercel project is costing and where it is slow, then comes back with a ranked list of changes, each one checked against the project's real traffic figures and its actual code.
vercel-react-best-practices
Vercel's own engineering rules for making a React or Next.js site feel fast: fetch data side by side instead of one wait after another, ship less code to the browser, and stop components redrawing when nothing has changed.
vercel-react-native-skills
The habits that keep a React Native or Expo phone app feeling like a real native app: long lists that scroll without stutter, animations the phone's graphics chip can run on its own, and the platform's real navigation rather than a copy of it.
vercel-react-view-transitions
Animates what happens between screens in a React app using the browser's own transition support, so a thumbnail can grow into a full page and a list can reshuffle itself without pulling in an animation library.
web-design-guidelines
Holds interface code up against Vercel's published rules for accessible, well-behaved web UI and answers with a bare list of the file names and line numbers that break them.
writing-guidelines
Marks up documentation the way an editor would, against Vercel's published writing handbook: each place a page drifts off the house voice, pinned to a file and a line number.
No skill in this package matches that.
HOW TO GET IT
WHOLE PACKAGEInstall the whole package (9 skills)
npx skills add vercel-labs/agent-skillsSINGLE SKILLOr install a single skill
npx skills add vercel-labs/agent-skills --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.