Vercel учит AI-агентов основам продуктового дизайна через репозиторий стандартов

Vercel, компания, известная своей платформой для развёртывания веб-приложений, представила новый подход, который позволяет AI-агентам учитывать продуктовый дизайн при работе с кодом. Система под названием product-design хранит принятые продуктовые решения в репозитории и делает их доступными для агентов. Это позволяет агентам не просто копировать стиль, но и понимать контекст выбора компонентов, формулировок и взаимодействий.

Современные кодинговые агенты могут быстро генерировать рабочий интерфейс, копируя стиль и паттерны продукта. Однако они не способны понять, почему был выбран тот или иной компонент, фраза или взаимодействие. Контекст, который не зафиксирован в коде (дизайн-ревью, комментарии к PR, обсуждения в Slack), для агента не существует. Vercel решает эту проблему, делая продуктовые решения частью кодовой базы.

Как работает система product-design

Система состоит из трёх частей: SKILL.md, которая определяет режим работы агента (форма, реализация, ревью, копия или доработка); маршрутизация к каноническим источникам (API компонентов, правила дизайн-системы, критерии доступности); и привязка к конкретным задачам и поверхностям. Например, для модального окна загружаются паттерны деструктивных действий и канонические глаголы, а для формы настроек — метки, валидация, прогрессивное раскрытие и рекомендации по доступным именам.

Какие проблемы решает этот подход

Основная проблема, которую решает product-design, — это потеря контекста при работе AI-агентов. Без явного хранения продуктовых решений агенты могут генерировать интерфейсы, которые выглядят правильно, но нарушают логику продукта. Например, кнопка удаления может быть размещена не там, где ожидает пользователь, или формулировка может вводить в заблуждение. Благодаря product-design агенты получают доступ к документам, которые описывают, почему определённые решения были приняты, и могут применять их в своей работе.

Кого затронет внедрение product-design

Разработчиков, использующих AI-агентов для работы с кодом; дизайнеров, желающих сохранить контекст решений; команды, внедряющие агентные подходы в продуктовую разработку. Особенно полезной система будет для крупных проектов, где множество людей вносят изменения, и контекст легко теряется.

Что пока неизвестно

Насколько легко адаптировать систему для проектов с нестандартной архитектурой; будет ли Vercel публиковать открытую версию product-design для сообщества. Пока что система протестирована на внутренних проектах Vercel, и компания не раскрывает планы по её публикации. Однако успех подхода может стимулировать другие компании к созданию аналогичных решений.

Как начать использовать product-design

Для внедрения product-design необходимо создать репозиторий с документами, описывающими продуктовые решения. Затем настроить SKILL.md для каждого агента, указав режим работы и источники. После этого агенты будут автоматически загружать контекст при выполнении задач. Vercel предоставляет примеры конфигураций для популярных дизайн-систем, таких как Material UI и Tailwind.

Заключение

Подход Vercel к обучению AI-агентов основам продуктового дизайна через репозиторий стандартов — это важный шаг к созданию более умных и контекстно-зависимых инструментов. Он позволяет агентам не просто генерировать код, но и учитывать продуктовую логику, что повышает качество и согласованность интерфейсов. Хотя остаются вопросы о масштабируемости и открытости решения, сам принцип хранения контекста в репозитории может стать стандартом в индустрии.