Оптимизация React и Next.js

vercel-react-best-practices

Официальный навык Vercel. Подсказывает проверенные приёмы, чтобы интерфейсы на React и Next.js работали быстрее.

Что делает

Чем навык помогает в работе.

  • Подсказывает приёмы для скорости
  • Проверяет код на узкие места
  • Помогает при доработке и ревью

Примеры задач

Опишите задачу — и запустите навык в чате.

Проверь мой компонент на React и подскажи, что замедляет загрузку.

Ускорь страницу на Next.js по проверенным правилам.

Как установить

Одна команда в терминале — навык добавится вашему агенту.

Терминал
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Понадобится Node.js. Навык работает в Claude Code и других агентах, которые читают скиллы из папки проекта.

Безопасность

Скилл — это инструкции, которые выполняет ваш агент. Ставьте навыки из репозиториев, которым доверяете, и при желании загляните в файл SKILL.md перед установкой.

Другие скиллы vercel-labs/agent-skills

Проверяет код интерфейса на соответствие рекомендациям по удобству и доступности и указывает конкретные места, что стоит улучшить.

ДизайнОфициальныйУстановок: 599,3 тыс

Похожие скиллы

Проверяет работу локального веб-приложения через Playwright: открывает страницы, нажимает элементы, делает скриншоты и читает логи браузера для отладки.

РазработкаОфициальныйУстановок: 148 тыс

Собирает сложные веб-артефакты для claude.ai на React, Tailwind и shadcn/ui и упаковывает всё в один HTML-файл, готовый к показу в чате.

РазработкаОфициальныйУстановок: 97,2 тыс

Ищет в коде места, которые трудно менять и тестировать, собирает находки в наглядный отчёт и помогает проработать выбранное улучшение.

РазработкаУстановок: 846 тыс