agentation

Agentation — это инструмент визуальной обратной связи, предназначенный для устранения разрыва между тем, что вы видите на работающей веб-странице, и тем, что ИИ-агенту кодирования нужно изменить в исходном коде. Вместо описания проблемы с интерфейсом словами, вы указываете на неё напрямую. Как это работает: вы устанавливаете пакет как зависимость для разработки и рендерите компонент `<Agentation />` вместе с вашим приложением. В правом нижнем углу появляется панель инструментов. Активируйте её, затем кликните по любому элементу на странице, чтобы аннотировать его. Инструмент захватывает имена классов, CSS-селекторы и позиции элементов, а затем создаёт структурированный вывод в Markdown, который вы можете скопировать и передать агенту. Пример из README: вместо того чтобы говорить «синяя кнопка в сайдбаре», вы даёте агенту `.sidebar > button.primary` плюс вашу заметку, которую агент может напрямую найти через grep. Заметные возможности, перечисленные в README: - Клик для аннотации любого элемента с автоматическим определением селектора - Выделение текста для аннотации конкретного содержимого - Множественный выбор путём перетаскивания по нескольким элементам - Выбор области, позволяющий аннотировать регион, даже если он не содержит элементов - Пауза анимации, замораживающая CSS, JS и видеоанимации для захвата конкретного состояния - Структурированный вывод в Markdown, включающий селекторы, позиции и контекст - Тёмный и светлый режимы, следующие системным предпочтениям или устанавливаемые вручную - Ноль зависимостей во время выполнения, используются чистые CSS-анимации Требования и область применения: React 18 или новее, а также десктопный браузер (мобильные устройства не поддерживаются). Проект не привязан к конкретному агенту, то есть скопированный вывод не связан с конкретным ИИ-ассистентом кодирования. Лицензирование: в README указано, что проект защищён авторским правом 2026 года Бенджи Тейлора и лицензирован под PolyForm Shield 1.0.0 — это лицензия с доступным исходным кодом, а не обычная лицензия с открытым исходным кодом, поэтому перед коммерческим использованием ознакомьтесь с её условиями. Полная документация размещена на agentation.com.