Эфир 18.11 · Поток 318 ноября в 19:00 МСК — бесплатный практический эфир по ИИ-агентам · Живой Поток 3 стартует 23.11Эфир 18 ноября →Поток 3 (23.11)
РелизКод / SDK · В работуHacker News AI→ оригинал

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
Chrome научил кодинг-агентов писать без костылей: успех задач вырос с 55% до 92%
Источник: Hacker News AI. Коллаж: Hamidun News.
Слушать статью
Паспорт материала и цифры
ПараметрДанные
ПервоисточникHacker News AI ↗
Главный редактор
Ключевой факт #1200+ гайдов (~1,7 МБ) от веб-экспертов, подключаются как skill и CLI
Поиск по гайдам~7 МБ на чистом JS, около 10 мс на CPU
Ключевой факт #3legacy-scan находит устаревшие паттерны в коде, точность в среднем 92%

Попросите 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 в новых задачах, во втором вы увидите, сколько накопилось костылей. Более общая мысль для тех, кто строит агентные инструменты: узкий набор экспертных знаний, поданный компактно и проверяемый собственными тестами, часто даёт больше, чем ожидание следующей версии модели.

Сюжет

Вопросы и ответы по материалу

Что известно по теме: что выпустили?

Проект 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. Это стоит делать сразу, если вы работаете с закрытым кодом.

ЖХ
Жемал Хамидун — CPO Alpina Digital, продакт-менеджер AlpinaGPT. Делает AI-продукты с 2019 года. Hamidun News — pet project, который вырос в production-агрегатор с 6000+ читателей.
✦ Практика · Hamidun Academy

Соберите рабочего ИИ-агента или сервис своими руками без ручного кода

В Академии Жемала Хамидуна (academy.hamidun.com) открыт бесплатный 72-часовой тест-драйв: интерактивные скетч-уроки по Claude Code и Cursor, живой Tech Radar и готовые шаблоны агентов.

Открыть 72ч бесплатный доступ →Интенсив по Вайб-кодингу
Что вы думаете?
Загружаем комментарии…