Vercel упаковала продуктовый дизайн в skill для coding-агентов

В evals Vercel агенты не вызывали доступный skill в 56% случаев — команда собрала систему product-design из трёх частей: agent skill в репозитории, ESLint-правила и еженедельный review loop с человеком в конце. Принцип из skill: start with the job, not the pixels — сначала задача пользователя, потом пиксели.

Код показывает агенту, что уже в проде, но не объясняет, почему паттерн стал стандартом. Vercel переносит принятые продуктовые решения в репозиторий рядом с кодом: в .agents/skills/product-design/ лежат SKILL.md, references и exemplars из merged PR. Vercel Agent перед предложением патча гоняет изменения в Vercel Sandbox с билдами, тестами и линтерами.

Три слоя product-design

• Agent skill — маршрутизирует запросы по режимам Shape, Implement, Review, Copy, Harden и подгружает нужные references: product-judgment, interface-quality, copy, resilience.
• Линтеры — детерминированные проверки: вложенные модалки, сетка 4px, обязательный Modal.Body, правило prefer-radio-for-few-static-options для select с 2–3 статическими option.
• Review loop — collector собирает Slack, Figma и GitHub, judge группирует evidence; человек решает, станет ли кандидат guidance, lint rule, exemplar или eval.

Evals и приоритеты находок

Линтеры ловят механику, но поведение агента плавает — поэтому Vercel гоняет fixtures: агент правит before-состояние, judge сверяет с rubric. Holdouts скрывают ожидаемые правки, чтобы проверить обобщение. В review-выводе находки идут по impact: P0 блокирует основную задачу, P1 — вероятный провал, P2 — трение, P3 — мелкая полировка.

Для своего репозитория достаточно одной поверхности с повторяющимися review-комментариями: явный триггер в AGENTS.md, стабильные rule ID со ссылкой на источник и coverage-gaps вместо размытых «сделайте понятнее». Новый стандарт — продуктовое изменение: evidence, scope, exceptions и апрув человека.

Источник: Teaching agents product design at Vercel.