Chrome научил кодинг-агентов писать без костылей: успех задач вырос с 55% до 92%
Кодинг-агенты знают про <dialog>, CSS.highlights и field-sizing, но по привычке пишут <div> и десятки строк JS в стиле 2019 года. Команда Chrome вместе с Firefox, MDN и Edge выпустила modern-web-guidance 1.0: открытые гайды, которые подключаются к агенту как навык. На 200 задачах доля пройденных проверок выросла с 55% до 92%.
AI-обработка оригинала Hacker News AI; редакция Hamidun News
Попросите Claude или Codex сделать модальное окно, и с большой вероятностью получите <div> с оверлеем, ручным управлением фокусом и пачкой JS. При этом в браузере давно есть <dialog> с showModal(): фон, фокус и закрытие по Escape работают из коробки. Модели про такие вещи знают, но по привычке выбирают паттерн, которого больше всего в обучающих данных. Команда Chrome решила эту проблему напрямую.
Что выпустили
Проект modern-web-guidance вышел в версии 1.0. Его делали вместе с Firefox, MDN и Edge. Внутри 200+ вручную написанных гайдов (около 1,7 МБ) о том, как решать типовые фронтенд-задачи средствами платформы. Примеры: CSS.highlights подсвечивает фрагменты текста без россыпи <span>, field-sizing растягивает textarea по мере набора, <dialog> заменяет самописные модалки.
Гайды подаются агенту как skill плюс CLI с агентным RAG-поиском. Автор говорит, что девять месяцев искал способ не раздувать контекстное окно и не зависеть от механики активации в MCP. Описание навыка подогнано так, чтобы он включался именно на фронтенд-задачах. Поисковый стек сначала весил около 500 МБ в нативном виде, теперь это чистый JS на ~7 МБ, поиск занимает около 10 мс на обычном процессоре.
Цифры и проверка
Авторы собрали инфраструктуру оценки. Codex, Claude и agy прогоняли на 200 задачах сначала без навыка, потом с ним. Проверяют около 1 700 утверждений на базе Playwright и разбора AST. Без гайдов проходит 55% проверок, с гайдами 92%.
Оценка нужна и для обратной задачи: если агент и без подсказки справляется с каким-то паттерном, гайд можно удалить. По словам автора, часть вещей, которые команда считала слабым местом моделей, оказалась известной им лучше ожиданий.
Отдельная новинка называется legacy-scan. Это детерминированный сканер, обученный на 30 тысячах репозиториев GitHub. Он находит устаревшие паттерны, которые агент может заменить на современные. Средняя точность на отложенных репозиториях 92%.
Как попробовать
Всё ставится через npx:
npx modern-web-guidance@latest installподключает навыкsearch "animate dialog modal"ищет по гайдамlegacy-scan ./srcпроверяет ваш код
Телеметрию отключают переменной DISABLE_TELEMETRY=1. Это стоит делать сразу, если вы работаете с закрытым кодом.
Ограничения и вывод
Главная оговорка в том, что рост с 55% до 92% измерен на собственном бенчмарке авторов. Задачи и проверки подобраны под гайды, поэтому на вашем проекте прирост может быть скромнее. Кроме того, современные API требуют поддержки в целевых браузерах, и агент по-прежнему нужно проверять на совместимость с вашей аудиторией.
Практический вывод простой. Если вы пишете фронтенд с помощью агентов, установите навык и прогоните legacy-scan по своему коду. В первом случае уменьшится объём лишнего JS в новых задачах, во втором вы увидите, сколько накопилось костылей. Более общая мысль для тех, кто строит агентные инструменты: узкий набор экспертных знаний, поданный компактно и проверяемый собственными тестами, часто даёт больше, чем ожидание следующей версии модели.
- 12 нояб. 2026 г.Дженсен Хуанг ушёл с поста CEO Nvidia: компания потеряла $1,4 трлн за две недели
- 12 нояб. 2026 г.Claude in Chrome требует разрешать каждый клик на сайтах с категорией 3
- 12 нояб. 2026 г.AWS Quick получил шесть агентов для продактов: от жалоб клиентов до спеки
- 12 нояб. 2026 г.Anthropic с 12 ноября закрывает Claude для компаний России, даже с юрлицом за рубежом
Вопросы и ответы по материалу
Что известно по теме: что выпустили?
Проект modern-web-guidance вышел в версии 1.0. Его делали вместе с Firefox, MDN и Edge. Внутри 200+ вручную написанных гайдов (около 1,7 МБ) о том, как решать типовые фронтенд-задачи средствами платформы. Примеры: CSS.highlights подсвечивает фрагменты текста без россыпи <span>, field-sizing растягивает textarea по мере набора, <dialog> заменяет самописные модалки. Гайды подаются агенту как skill плюс CLI с агентным RAG-поиском.
Что известно по теме: цифры и проверка?
Авторы собрали инфраструктуру оценки. Codex, Claude и agy прогоняли на 200 задачах сначала без навыка, потом с ним. Проверяют около 1 700 утверждений на базе Playwright и разбора AST. Без гайдов проходит 55% проверок, с гайдами 92%. Оценка нужна и для обратной задачи: если агент и без подсказки справляется с каким-то паттерном, гайд можно удалить. По словам автора, часть вещей, которые команда считала слабым местом моделей, оказалась известной им лучше ожиданий. Отдельная новинка называется legacy-scan.
Что известно по теме: как попробовать?
Всё ставится через npx: npx modern-web-guidance@latest install подключает навык search "animate dialog modal" ищет по гайдам legacy-scan ./src проверяет ваш код Телеметрию отключают переменной DISABLE_TELEMETRY=1. Это стоит делать сразу, если вы работаете с закрытым кодом.
Соберите рабочего ИИ-агента или сервис своими руками без ручного кода
В Академии Жемала Хамидуна (academy.hamidun.com) открыт бесплатный 72-часовой тест-драйв: интерактивные скетч-уроки по Claude Code и Cursor, живой Tech Radar и готовые шаблоны агентов.
Главное из мира ИИ — раз в неделю
7 ключевых событий недели, отобранных вручную. Без шума, репостов и пресс-релизов.
Готово! Проверьте почту — мы отправили подтверждение.