Skills/Производительность React и Next.js от Vercel

Производительность React и Next.js от Vercel

13 августа 2026

Правила оптимизации от инженеров Vercel: агент применяет их при написании и ревью React- и Next.js-кода — от водопадов запросов до размера бандла.

Описание

РазработкаБесплатно

Правила оптимизации от инженеров Vercel: агент применяет их при написании и ревью React- и Next.js-кода — от водопадов запросов до размера бандла.

Название
Производительность React и Next.js от Vercel
Категория
Разработка
Что умеет
  • устраняет водопады загрузки данных
  • уменьшает размер бандла
  • правильно использует серверные компоненты
  • сокращает лишние перерисовки
  • ранжирует правила по влиянию
Источник
vercel-labs/agent-skills
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/react-best-practices/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit vercel-labs/agent-skills/skills/react-best-practices .claude/skills/react-best-practices
.claude/skills/
└── react-best-practices/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадОдноразовый прототип (prototype)ДалееМодель предметной области (domain-modeling)
.claude/skills/react-best-practices/SKILL.md
  1. 1---
  2. 2name: react-best-practices
  3. 3description: "Правила оптимизации от инженеров Vercel: агент применяет их при написании и ревью React- и Next.js-кода — от водопадов запросов до размера бандла."
  4. 4---
  5. 5​
  6. 6# Производительность React и Next.js от Vercel
  7. 7​
  8. 8Правила оптимизации от инженеров Vercel: агент применяет их при написании и ревью React- и Next.js-кода — от водопадов запросов до размера бандла.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Устраняет водопады загрузки данных
  13. 13- Уменьшает размер бандла
  14. 14- Правильно использует серверные компоненты
  15. 15- Сокращает лишние перерисовки
  16. 16- Ранжирует правила по влиянию
  17. 17​
  18. 18## Где работает
  19. 19​
  20. 20Claude Code и другие агенты, которые читают .claude/skills.
  21. 21​
  22. 22## Установка
  23. 23​
  24. 241. Выполните: npx degit vercel-labs/agent-skills/skills/react-best-practices .claude/skills/react-best-practices
  25. 252. Откройте новую сессию Claude Code — навык подхватится сам.