#ссылка дня
Google вместе с командами Edge, Firefox и MDN выложили
Modern Web Guidance — набор скиллов для AI-агентов, которые помогают использовать современные браузерные API вместо привычных JS-костылей.
Причём речь не об абстрактных рекомендациях, а о вполне конкретных задачах. Например:
— Нужно выпадающее меню, которое не вылезает за границы экрана? Агенту подскажут использовать CSS Anchor Positioning и
position-try-fallbacks вместо ручного вычисления координат.
— Нужно мобильное боковое меню со свайпами? Есть реализация на
<dialog>, CSS Scroll Snap и scroll-driven animations. Без самостоятельной обработки перетаскивания пальцем.
— Нужно открывать модалки и поповеры? Можно обойтись HTML-атрибутами
commandfor и
command, без JS-обработчиков для открытия и закрытия.
— Нужно отслеживать активный элемент карусели? Вместо постоянного прослушивания
scroll можно использовать
scrollsnapchange.
Всего в базе
250 возможностей веб-платформы и готовые рецепты для UI-компонентов, анимаций, форм, производительности и доступности.
При этом агент получает не всю документацию сразу, а ищет нужный рецепт локально и подгружает его в контекст. Рекомендации учитывают Baseline, содержат фолбэки для старых браузеров, а экспериментальные API по умолчанию не предлагаются к использованию.
Есть даже команда
legacy-scan, которая ищет в существующем проекте устаревшие решения, потенциально заменяемые нативными API.
Установка:
npx modern-web-guidance@latest installИ отдельно понравилось, что авторы проверяют скиллы на реальных задачах с Playwright. В их тестах успешность Codex выросла с 54% до 82%, а Claude Code — с 57% до 88%.
Ставьте давайте, а то ваши агенты застряли в 2019.
#ai #skill #agent