Vercel Agent Skills by Task and Prerequisite

Start with one practical task

Choose the skill whose inputs match your repository. Check the runtime and stack assumptions, then use it on one component or one route and review the output against your project's rules.

Choose a task, then a skill

React Best Practices targets React/Next.js performance; Web Design Guidelines reviews interface code; vercel-optimize investigates a deployed Vercel project using its metrics. The collection is broader than one UI checklist.

Check inputs and prerequisites

A code-review skill needs relevant files. A deployment optimization task also needs project metrics and access. Choose the smallest relevant skill rather than assuming every item is useful for a new undeployed site.

Start with one relevant skill

Use the collection to find a task match, then open that skill’s source for its inputs and workflow. Web Design Guidelines has a focused UI review procedure; React performance and deployed-project optimization need different evidence.

A few more details

Sources & maker notes

This guide is based on the cited documentation and maker sources. vibeforthat has not run an independent installation or end-to-end product test for this article.

• github.com
• raw.githubusercontent.com