Паттерны композиции React-компонентов

vercel-composition-patterns

Официальный навык Vercel помогает проектировать React-компоненты так, чтобы код было легко расширять — и агенту, и человеку.

Что делает

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

  • Показывает, как избежать нагромождения булевых пропсов в компонентах
  • Объясняет паттерн составных компонентов и общего контекста
  • Разбирает, где поднимать состояние и как строить гибкий API
  • Указывает, что изменилось в этих паттернах в React 19

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

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

Отрефактори этот компонент — слишком много булевых пропсов.

Подскажи, как построить гибкую библиотеку компонентов на React.

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

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

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

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

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

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

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

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

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

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

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

Правила React Native и Expo, vercel-react-native-skills

vercel-react-native-skills · vercel-labs

Набор проверенных практик для React Native и Expo: производительность списков, GPU-анимации, навигация, работа с изображениями и структура монорепозитория с нативными зависимостями.

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

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

Свод правил Vercel по скорости приложений на React и Next.js: подсказывает, как писать и переделывать код, чтобы страницы грузились быстрее.

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

Официальный навык Microsoft для платформы Foundry: создаёт, разворачивает, тестирует и оценивает качество ИИ-агентов, помогает с настройкой ресурсов и разбором ошибок.

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

Официальный навык Microsoft для разбора проблем в облаке Azure: высокая нагрузка, сбои развёртывания, ошибки в кластере или недоступность виртуальной машины — по логам и метрикам.

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