CLI и навык для агентов, которые проверяют код React на проблемы с состоянием, производительностью, безопасностью, доступностью и поддерживаемостью.
vercel-labs/agent-skills
Коллекция устанавливаемых наборов инструкций, которые дают AI-агентам для кодинга знания о Vercel и лучших практиках React/Next.js.
- Звёзды
- 32,747
- Форки
- 2,861
- Открытые issues
- 181
- Последний коммит
- 7 дней назад
Что это?
Agent Skills — это набор упакованных инструкций и скриптов, которые расширяют возможности AI-агентов для кодинга за счёт специализированных знаний. Каждый навык — это папка с файлом SKILL.md, дополнительными вспомогательными скриптами и справочной документацией, оформленная в соответствии с форматом Agent Skills. Навыки устанавливаются командой npx skills add, а агент подключает их, когда получает подходящую задачу.
Коллекция охватывает несколько направлений. vercel-optimize проверяет развёрнутый проект на Vercel на предмет расходов, производительности, кэширования и проблем с оплатой. react-best-practices, composition-patterns и react-view-transitions посвящены производительности React и Next.js, проектированию компонентов и анимации. web-design-guidelines, writing-guidelines и react-native-guidelines содержат правила проверки доступности UI, стиля текста и приложений React Native. vercel-deploy-claimable позволяет агенту развернуть проект на Vercel и вернуть URL предпросмотра и URL для получения проекта.
При каждом релизе в main репозиторий также публикует индекс для поиска и артефакты для каждого навыка.
Ключевые возможности
- 01Устанавливается командой npx skills add и автоматически подключается, когда появляется подходящая задача.
- 02Включает аудит проекта на Vercel с проверкой расходов, кэширования и использования функций.
- 03Предоставляет правила производительности React и Next.js, охватывающие размер бандла и получение данных.
- 04Содержит правила проверки доступности и дизайна UI более чем по 100 пунктам.
- 05Позволяет агентам развёртывать проекты на Vercel и возвращать URL предпросмотра и получения проекта.
Сценарии использования
- Проверка компонента React или Next.js на проблемы с производительностью рендеринга и размером бандла.
- Аудит развёрнутого проекта на Vercel для поиска медленных маршрутов и высоких расходов на функции.
- Проверка разметки и стилей сайта на соответствие рекомендациям по доступности.
- Развёртывание прототипа из чата по общедоступному URL.
Быстрый старт
- 1
Установите навыки с помощью npx
npx skills add vercel-labs/agent-skills - 2
Попросите агента выполнить задачу, соответствующую навыку, например проверить компонент React на проблемы с производительностью
Что важно знать
- В метаданных репозитория лицензия не указана, хотя в README указана MIT.
- Некоторые навыки связаны с сервисами Vercel, например vercel-deploy-claimable, который загружает проекты в сервис деплоя Vercel.
Темы
Частые вопросы
- Что такое agent-skills?
- Коллекция устанавливаемых наборов инструкций, которые дают AI-агентам для кодинга знания о Vercel и лучших практиках React/Next.js. Agent Skills — это набор упакованных инструкций и скриптов, которые расширяют возможности AI-агентов для кодинга за счёт специализированных знаний. Каждый навык — это папка с файлом SKILL.md, дополнительными вспомогательными скриптами и справочной документацией, оформленная в соответствии с форматом Agent Skills. Навыки устанавливаются командой npx skills add, а агент подключает их, когда получает подходящую задачу.
- agent-skills можно использовать бесплатно? Какая у него лицензия?
- У agent-skills не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
- agent-skills всё ещё поддерживается?
- Активно поддерживается. Последний коммит в agent-skills — 14 окт. 2026 г..
- Для чего можно использовать agent-skills?
- Проверка компонента React или Next.js на проблемы с производительностью рендеринга и размером бандла. Аудит развёрнутого проекта на Vercel для поиска медленных маршрутов и высоких расходов на функции. Проверка разметки и стилей сайта на соответствие рекомендациям по доступности. Развёртывание прототипа из чата по общедоступному URL.
- Как установить agent-skills?
- Установите навыки с помощью npx: npx skills add vercel-labs/agent-skills Попросите агента выполнить задачу, соответствующую навыку, например проверить компонент React на проблемы с производительностью
- Где скачать agent-skills?
- Исходный код и инструкции по установке — на GitHub: https://github.com/vercel-labs/agent-skills
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Демонстрационный проект с открытым исходным кодом на Next.js, воссоздающий Intelligent UI из ChatGPT: ответы модели выводятся потоком в виде интерактивных карт, диаграмм, форм и работающих инструментов на базе OpenUI.
Feature flags и A/B-тесты хранятся в репозитории как Markdown-файлы, а CLI компилирует их в типизированный TypeScript-клиент.
Открытый AI-поисковик, который ищет информацию в интернете и выдаёт ответы с источниками и генеративным UI; построен на Next.js и Vercel AI SDK.
Открытый AI-агент для работы с кодом в браузере: выберите элемент работающего приложения и попросите изменить исходный код.
Библиотека из более чем 215 бесплатных анимированных и настраиваемых компонентов и фонов для React и Next.js, которые можно установить через shadcn или jsrepo.