Инструменты для улучшения качества веб-разработки с помощью AI-агентов

T@tips_aiAI-инженер

1 мес

Обзор инструментов modern-web-guidance от Google Chrome и MCP-сервера Chrome DevTools для улучшения работы AI-агентов с кодом и интерфейсами.

Эти инструменты помогают AI-агентам писать более качественный и современный код для веб-сайтов.

Позволяет агентам использовать нативные возможности HTML/CSS вместо избыточного JavaScript.
Упрощает процесс модернизации устаревшего кода (legacy).
Предоставляет агентам прямой доступ к инструментам отладки браузера через MCP.

Оказывается у Google Chrome есть неплохой набор скиллов для агентов, чтобы улучшить качество ваших сайтов https://developer.chrome.com/docs/modern-web-guidance Там описаны знания по типу: - как юзать нативные HTML/CSS-фичи вместо лишнего JS - делать быстрый и адаптивный UI - не ломать кроссбраузерность - модернизировать легаси без лишних костылей и тд. В общем 100+ сценариев использования Установить скилл:

npx modern-web-guidance@latest install

(Для Claude и других агентов: тут) Еще рекомендую подключить Chrome DevTools, это официальный хромовский MCP который дает агентам браузер-юз + дебаг функции Но если нужно подобное для iOS, то можно юзать официальный гайдлайн Apple: Human Interface Guidelines Часто кидаю эту ссылку клоду, там описаны принципы которые Apple сами используют в своих UI: как собирать навигацию, компоновать экраны и UI, работать с типографикой и визуалом, делать интерфейс адаптивным и тд Если у вас тоже сохранено что-то подобное, кидайте в коменты ☕️ @tips_ai #tools

Инструменты для улучшения качества веб-разработки с помощью AI-агентов

Кратко (AI)

Автор рекомендует использовать набор правил modern-web-guidance для AI-агентов, чтобы оптимизировать код и UI сайтов. Также предлагается подключить официальный MCP-сервер Chrome DevTools для расширения возможностей агентов по отладке и работе с браузером. В качестве дополнения для iOS-разработки упоминаются Human Interface Guidelines от Apple.

Инструменты для улучшения качества веб-разработки с помощью AI-агентов

Кратко (AI)

Обсуждение