This collection provides AI agents with the technical context needed to implement performant frontend architectures and manage cloud deployments. It bridges the gap between code generation and production by codifying React composition patterns and Vercel-specific deployment workflows.
Frontend engineers can use these skills to ensure AI-generated components follow maintainable patterns and that applications are pushed to live or preview environments through structured triggers.
Follow the documented setup, then try a first task.
Installs: vercel-labs/agent-skills bundle
Run this command in a terminal to install the collection.
npx skills add vercel-labs/agent-skills
Installs: vercel-optimize only
Platform: Strongest code-backed coverage is for Next.js and SvelteKit; Nuxt is supported with fewer framework-specific recommendations; Astro support is limited; Hono, Remix, and unknown frameworks pause by default.
Run this command in a terminal to install only the skill.
npx skills add vercel-labs/agent-skills --skill vercel-optimize
Installs: vercel-optimize only
Platform: Strongest code-backed coverage is for Next.js and SvelteKit; Nuxt has generic checks and route mapping; Astro support is limited.
Run from: Project root
Copy `skills/vercel-optimize` into `.agents/skills/vercel-optimize`, then reference its `SKILL.md` from the project's `AGENTS.md`.
Uses vercel-react-best-practices
Use the vercel-react-best-practices skill to review [path/to/ReactComponent.tsx] for the highest-impact performance issue. Explain the issue and suggest one focused refactor; do not edit the file.
Uses vercel-composition-patterns
Use the vercel-composition-patterns skill to review [path/to/Component.tsx]. Identify one boolean-prop or component-architecture problem and sketch a smaller compound-component or composition-based API; do not edit the file.
Uses vercel-react-view-transitions
Use the vercel-react-view-transitions skill to review [path/to/component-or-route]. Recommend one transition that communicates the intended UI relationship, include reduced-motion considerations, and provide a minimal implementation sketch without editing files.
Claude
Codex