Вышел Modern Web Guidance 1.0: Chrome, Edge и Firefox учат ИИ-агентов современной веб-платформе

10 ноября 2026 года команда Google Chrome вывела Modern Web Guidance из превью и выпустила версию 1.0. Это открытый набор «навыков» для ИИ-агентов, которые пишут код сайтов: 203 гайда по 250 возможностям веб-платформы. Задача набора в том, чтобы агент брал нативные <dialog>, popover и container queries, а не тянул устаревшие JS-приёмы и лишние зависимости.

Проект теперь ведут вместе Chrome, Microsoft Edge, Mozilla Firefox и MDN. Для команд, у которых frontend-разработка уже идёт с Claude Code, Cursor или Copilot, это бесплатный способ поднять качество сгенерированной вёрстки: меньше костылей, лучше доступность и Core Web Vitals.

Ниже: что входит в 1.0, какие цифры приводят авторы, как подключить набор к агенту и где он не заменит ревью. Если вы заказываете создание сайтов у подрядчика, который пишет код с помощью ИИ, этот релиз стоит упомянуть в техническом задании.

Что такое Modern Web Guidance и зачем он агентам

Modern Web Guidance подкладывает агенту в контекст проверенные решения из современной платформы вместе с данными о поддержке в браузерах (Baseline) и разумными фолбэками. Это нужно потому, что языковые модели учились на огромном объёме старого кода: агенты по привычке собирают модальное окно на div и обработчиках клавиш, а автоувеличение поля ввода пишут на JavaScript.

• CSS и вёрстка — 140 возможностей: container queries, subgrid, view transitions, anchor positioning, цвета oklch, анимации по прокрутке, логические свойства.
• HTML и DOM — 36: <dialog>, popover, inert, веб-компоненты и декларативный Shadow DOM.
• JavaScript и API — 74: Scheduler API, Navigation API, Temporal, Sanitizer API, WebAuthn и пасскеи, API мониторинга производительности.

Гайды разложены по задачам разработчика: формы, доступность, производительность и INP, UI-компоненты (табы, аккордеоны, меню, карусели), безопасность, PWA и встроенный ИИ браузера. Лицензия — Apache 2.0.

Что нового в версии 1.0

• Сканер модернизации legacy-scan. Он статически ищет в существующем коде устаревшие паттерны и связывает каждую находку с нужным гайдом. Это первый инструмент проекта, который работает с уже написанным кодом, а не только с новым.
• Экспертное ревью. По данным Google, каждый гайд теперь одобряет технический лид направления, а почти 70 гайдов прошли отдельную проверку специалистами по доступности: контраст 3:1 для нетекстовых элементов, связка ошибок формы через aria-describedby, альтернативы жестам.
• 14 новых гайдов. Восемь UI-компонентов (среди них аккордеон, табы, навбар), три сценария поведения вроде drag-and-drop и сортировки, три гайда по UX на разных форм-факторах.
• Публичный дашборд оценок. Результаты по каждому агенту и каждому гайду открыты. Поиск по базе стал легче: npm-пакет уменьшился с 23,5 до 8,8 МБ за счёт встроенной модели эмбеддингов без зависимостей.

Насколько лучше код у агентов с Modern Web Guidance

С подключённым набором агенты прошли 88% автоматических проверок против 56% без него. Такие данные ночного прогона 8 ноября (от 199 до 215 задач на агента) приводит Search Engine Journal. Среди ранних пользователей японская платформа note inc. сообщила о росте доли пройденных проверок с 61% до 94%, индийский Policybazaar — о сокращении ручного аудита на 92%.

Это цифры самих авторов и их партнёров, а не независимый бенчмарк. Но направление понятно: агент с контекстом по платформе реже изобретает свой велосипед там, где у браузера уже есть готовый элемент.

Кто управляет Modern Web Guidance

Проектом управляют шесть владельцев, это закреплено в документе, который появился в репозитории за день до релиза. Места распределены так: два у Chrome, по одному у Microsoft Edge и Mozilla, ещё два у независимых экспертов (одно пока вакантно). У Apple места нет, поэтому особенности Safari учитываются через данные Baseline, а не напрямую командой WebKit.

Как подключить Modern Web Guidance к своему агенту

1. Установите набор в проект: npx modern-web-guidance@latest install. Есть готовые плагины для Claude Code, Codex, Cursor, Antigravity, GitHub Copilot, WebStorm, Kimi Code и Grok Build.
2. Если ставили превью, обновитесь: npx modern-web-guidance@latest update.
3. Прогоните legacy-scan по существующему фронтенду и разберите находки по приоритету: сначала доступность и формы, потом производительность.
4. Сверьте целевые браузеры. Гайды опираются на Baseline. Если у вас заметная доля старых Safari или корпоративных браузеров, проверьте, что фолбэки вас устраивают.
5. Оставьте ревью человеку. Набор снижает число типовых ошибок, но не заменяет проверку доступности и регресс-тесты. Подробнее о требованиях — в нашем разборе доступности интерфейсов.

Что это значит для бизнеса и продуктовых команд

Браузерные вендоры впервые совместно ведут официальный источник знаний именно для ИИ-агентов. Для заказчика это ещё один критерий при выборе подрядчика: если команда генерирует вёрстку агентами, стоит спросить, чем она держит качество. Подключённый набор вроде Modern Web Guidance вместе с ручным ревью — разумный минимум.

Для владельцев сайтов выгода прямая: нативные элементы весят меньше, чем библиотеки, и лучше работают с клавиатурой и скринридерами. Это влияет на LCP, INP и конверсию.

Часто задаваемые вопросы

Это платный продукт Google? Нет. Набор открыт под лицензией Apache 2.0 и ставится через npm.

Работает ли он только в Chrome? Нет. Гайды ориентированы на кроссбраузерную поддержку по данным Baseline, проект ведут Chrome, Edge, Firefox и MDN.

Нужен ли он, если код пишут люди? Напрямую набор рассчитан на агентов, но гайды и сканер legacy-scan полезны и при ручной разработке как чек-лист модернизации.

Источники

• Chrome for Developers — Modern Web Guidance 1.0: The web platform expertise your coding agent is missing, 10 ноября 2026 (первоисточник).
• Search Engine Journal — Google Releases Modern Web Guidance 1.0 For AI Coding Agents, 10 ноября 2026.
• GitHub — GoogleChrome/modern-web-guidance, release v1.0.0.