Об этом проекте

Agent Skills — это коллекция навыков для ИИ-агентов программирования, упакованных в виде инструкций и скриптов, расширяющих возможности агентов. Навыки соответствуют формату Agent Skills и автоматически становятся доступными после установки: агент вызывает их при обнаружении соответствующих задач. Включённые навыки: - vercel-optimize: проводит аудит проекта Vercel на предмет затрат, производительности, надёжности, кэширования, использования функций и возможностей выставления счетов. Сначала собирает метрики Vercel, затем исследует только те маршруты и файлы, на которые указывают эти метрики. Предназначен для оптимизации развёрнутых проектов, снижения затрат или использования функций, исследования медленных или дорогих маршрутов, поиска проблем с кэшированием/ISR/промежуточным ПО/изображениями/минутами сборки и составления ранжированного отчёта о затратах и производительности. - react-best-practices: руководства по оптимизации производительности React и Next.js от Vercel Engineering с более чем 40 правилами в 8 категориях, упорядоченных по влиянию. Категории включают устранение водопадов, оптимизацию размера бандла, серверную производительность, получение данных на клиенте, оптимизацию повторных рендеров, производительность рендеринга и микрооптимизации JavaScript. Полезно при написании компонентов или страниц, реализации получения данных, проверке кода на производительность или оптимизации размера бандла и времени загрузки. - web-design-guidelines: проверяет код UI на соответствие более чем 100 правилам, охватывающим доступность, производительность и UX. Категории включают доступность, состояния фокуса, формы, анимацию, типографику, изображения, производительность, навигацию и состояние, тёмный режим и тематизацию, сенсорное взаимодействие и локаль/i18n. - writing-guidelines: проверяет документацию и текст на соответствие руководству по написанию Vercel с более чем 80 правилами, охватывающими планирование, голос и тон, тон по типу контента, заголовки и структуру, списки, код, плейсхолдеры/единицы/числа, типографику, форматирование исходников, страницы цен и денег, рабочий процесс с ИИ и рецензирование. - react-native-guidelines: лучшие практики React Native, оптимизированные для ИИ-агентов, с 16 правилами в 7 разделах, охватывающими производительность, компоновку, анимацию, изображения, управление состоянием, архитектуру и платформенно-специфичные паттерны. - react-view-transitions: руководство по реализации анимаций с помощью View Transition API в React, охватывающее компонент ViewTransition, addTransitionType, типы переходов, переходы общих элементов, анимации JavaScript через Web Animations API, интеграцию с Next.js, включая проп transitionTypes в next/link, готовые рецепты CSS-анимаций и соображения доступности. - composition-patterns: паттерны композиции React для масштабирования, помогающие избежать разрастания булевых пропсов через составные компоненты, подъём состояния и внутреннюю композицию. - vercel-deploy-claimable: развёртывает приложения и сайты на Vercel, предназначен для использования с claude.ai и Claude Desktop. Автоматически определяет более 40 фреймворков из package.json, возвращает URL предпросмотра и URL для заявления прав на передачу владения, обрабатывает статические HTML-проекты и исключает node_modules и .git из загрузки. Установка выполняется через npx skills add vercel-labs/agent-skills. Каждый навык содержит SKILL.md с инструкциями для агента, необязательные скрипты для автоматизации и необязательные справочные материалы. Каждое изменение навыка в ветке main публикует неизменяемый релиз GitHub с индексом обнаружения Agent Skills и одним артефактом на навык; те же артефакты можно собрать локально с помощью предоставленного скрипта. Проект лицензирован под MIT.