Chrome crawler — ИИ-агент в боковой панели Chrome, который пишет скрипты под страницы и моделирует в 3D

· 4 мин чтения
ai-agents chrome-extension browser-automation local-llm automation
📂 Исходный код на GitHub

ИИ-агент для Chrome в боковой панели: управляет страницей через Chrome DevTools Protocol, работает с облачными и локальными OpenAI-совместимыми моделями, автоматизирует действия режимом /skript и создаёт 3D-детали в Onshape через FeatureScript. Интерфейс на русском, лицензия CC BY-NC 4.0.

Chrome crawler — ИИ-агент в боковой панели Chrome, который пишет скрипты под страницы и моделирует в 3D

Chrome crawler — ИИ-агент в боковой панели Chrome

Chrome crawler — это расширение для Chrome, в котором ИИ-агент живёт в боковой панели. Он читает открытую страницу, кликает по кнопкам, печатает в поля и листает ленту. Ввод агент отправляет через Chrome DevTools Protocol, поэтому сайт видит его как обычные действия пользователя: мышь и клавиатуру, а не запросы к внутренним API.

Идея проекта пошла от «Джарвиса». Автор пишет, что получилось зачётно. Агент работает и с облачными моделями, и с локальными. Перед рискованным шагом он спрашивает разрешения, но этот вопрос можно отключить.

Что умеет

  • Читает страницу, кликает, печатает, листает — всё через настоящий ввод в браузере.
  • Работает с любым OpenAI-совместимым провайдером или локальным сервером.
  • Пишет скрипты под конкретную страницу и запускает их без вызовов модели между ходами.
  • Строит 3D-детали в Onshape по текстовому описанию.

Интерфейс расширения на русском.

Установка

  1. На GitHub нажмите Code → Download ZIP и распакуйте архив.
  2. Откройте chrome://extensions, включите «Режим разработчика» и нажмите «Загрузить распакованное».
  3. Гайд по пользованию лежит прямо в расширении.

Обновления. Когда на GitHub выходит новая версия, в шапке панели появляется значок «↑ 0.x». Нажимаете «Обновиться» — расширение само скачает новую версию и перезапустится. Первый раз оно попросит выбрать свою папку. Настройки и готовые скрипты при обновлении сохраняются.

Поиск товаров на Авито

Задайте задачу обычными словами: «Найди 5 дешёвых велосипедов модель xxx». Агент собирает всю выдачу одним вызовом и отвечает списком: ссылка, цена, фото. Дальше кнопки под ответом:

  • «Ещё» — показать следующие товары без повторов;
  • «хорошо / плохо» — оценить качество ответа, чтобы агент понял, что вам нужно.

Есть фильтры, чтобы в выдачу не попадали, например, запчасти.

/skript — автоматизация рутины

Режим /skript решает главную проблему браузерных агентов: модель приходится вызывать на каждом шаге, это долго и дорого. Команда выглядит так:

/skript научись играть в 2048

Модель пишет программу, вы нажимаете «Запустить» — и дальше скрипт работает внутри страницы на полной скорости, без единого обращения к модели между ходами.

Как именно читать состояние игры, расширение определяет само. Бывает три варианта:

  • состояние лежит в коде страницы;
  • клетки лежат в DOM;
  • поля нет вообще — только картинка. Так устроена canvas-версия 2048 на play2048.co: модель сначала смотрит на поле снимком, а потом скрипт играет по цветам клеток.

Перед запуском код проверяется: политика безопасности, синтаксис и пробный прогон без ввода. После запуска вы оцениваете результат: «Работает» — задача закончена, скрипт играет дальше сам; «Не работает» — модель исправляет код. Рабочий скрипт можно сохранить для сайта и запускать потом вообще без модели.

Режим /study работает рядом со скриптами: агент изучает сайт под вашу цель и сохраняет стратегию, чтобы действовать по ней в следующий раз.

Onshape — 3D-моделирование

Вторая необычная способность агента — сборка деталей в Onshape. Задача задаётся текстом:

Параллелепипед 40×80×30 со сквозным отверстием 10 мм и скруглением 3 мм

Модель пишет FeatureScript, а расширение создаёт новый элемент модели (фичу) в открытом документе через Onshape API — отдельные ключи для этого не нужны. Каждую построенную версию проверяете вы: «Работает» или «Не работает». И главный бонус Onshape: параметры построенной детали можно продолжать менять прямо в документе.

Режимы панели

Режим Что делает
Задача действует по шагам, перед рискованным действием спрашивает (можно отключить)
Вопрос читает страницу и отвечает на вопросы, ничего не трогая
/skript пишет скрипт под страницу, вы его одобряете — и он работает сам
/study изучает сайт под вашу цель и сохраняет стратегию

Что видит модель

Способ чтения страницы выбираете вы. Структура отдаёт модели код и текстовое содержание сайта — на личных страницах лучше работать в этом режиме. Изображение — обычные скриншоты. Вместе — и то и другое. К задаче можно приложить свои картинки и текстовые файлы, агент учтёт их в работе.

Внешний вид

Панель умеет подстраиваться под сайт: есть палитры в стиле GitHub, VK, YouTube и Яндекс Музыки. У «мозга» агента есть щупальца — три вида на выбор: обычные, корни и трещины.

Требования и приватность

  • Chrome 114+ или другой Chromium с поддержкой Side Panel API.
  • Любой OpenAI-совместимый провайдер или локальный сервер. Желательна модель с вызовом инструментов, а для работы с картинками — с vision.
  • Расширению нужно разрешение debugger: пока агент работает, Chrome показывает плашку, и вкладкой с открытыми DevTools управлять нельзя.
  • Скриншоты уходят вашему провайдеру модели. На личных страницах включайте режим «Структура», чтобы обходилось без снимков. Снимки, которые скрипты используют для работы (pixels и grid), из браузера не уходят.
  • Настройки и скрипты хранятся локально.

Для разработчиков

Структура репозитория:

panel/   — боковая панель
art/     — «мозг» агента
page/    — код во вкладке
skript/  — режим /skript и Onshape
docs/    — заметки

Полезные заметки: поиск и анимации. Тесты лежат рядом с модулями, запустить все сразу — через ./test.sh. История изменений ведётся в CHANGELOG.md.

Лицензия

CC BY-NC 4.0 © 2026 ir00nman. Пользоваться, изменять и делиться можно с указанием автора и в некоммерческих целях. Продавать проект или его изменённые версии нельзя без отдельного разрешения автора — это относится ко всем версиям в истории репозитория, включая ранние коммиты.

Источник: https://github.com/ir00nman/chrome-crawler