Repolode
vercel-labs

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. 1

    Установите навыки с помощью npx

    npx skills add vercel-labs/agent-skills
  2. 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.

60848TypeScriptMITОбновлён 4 дня назад