What this skill does

Vercel React Best Practices organises React and Next.js performance recommendations by impact. It covers request waterfalls, downloaded code size, server work and unnecessary browser rendering. Examples help turn an observation into a concrete proposed change.

For a business, an improvement should relate to the user's experience: time to information, interaction responsiveness or download size. An AI employee can review a journey and identify opportunities. The technical team chooses which are worth the investment and checks results with measurements in the real environment.

When it can help

  • Investigate a page that loads data slowly.
  • Review dependencies that increase the initial download.
  • Find unnecessary rendering or repeated work.

A task to get started

Review the customer dashboard's initial load. Identify the most consequential data wait, propose a focused change and compare measurements before and after without changing behaviour.

What you need

  • A React or Next.js application and access to its code.
  • Measurements or a reproduction of the journey to improve.

Limits and result review

  • Adapt recommendations to the project's version and architecture.
  • Optimisation needs measurements; unmeasured code changes may not improve the experience.

How to add it to your employee in Hub Bot

Hub Bot's library lets you review and add skills from public GitHub repositories. You need an account and permission to manage team skills.

  1. Sign in to Hub Bot and open Skills library, or type /skills in chat.
  2. Find vercel-react-best-practices and check the author: vercel-labs.
  3. Open the details and review the version, requirements and original content.
  4. Choose the permitted scope—company, department or employees—and add the skill.
  5. Check the employee's tools and connections before assigning work. Review the first result.
Use in Hub Bot ↗

Account required. Select and review the skill in the library.

A skill provides a procedure. Each employee's permissions, approvals and connections still determine available actions. Adding it does not automatically install software or execute the author's scripts.

Sources and documentation

An iabot editorial explanation based on original documentation. Authorship remains with vercel-labs. This guide is not a Hub compatibility test and does not distribute a translation of the author’s code.

Read the iabot manual →