Chrome crawler — ИИ-агент в боковой панели Chrome, который пишет скрипты под страницы и моделирует в 3D
📂 Исходный код на GitHubИИ-агент для Chrome в боковой панели: управляет страницей через Chrome DevTools Protocol, работает с облачными и локальными OpenAI-совместимыми моделями, автоматизирует действия режимом /skript и создаёт 3D-детали в Onshape через FeatureScript. Интерфейс на русском, лицензия CC BY-NC 4.0.
Chrome crawler — ИИ-агент в боковой панели Chrome
Chrome crawler — это расширение для Chrome, в котором ИИ-агент живёт в боковой панели. Он читает открытую страницу, кликает по кнопкам, печатает в поля и листает ленту. Ввод агент отправляет через Chrome DevTools Protocol, поэтому сайт видит его как обычные действия пользователя: мышь и клавиатуру, а не запросы к внутренним API.
Идея проекта пошла от «Джарвиса». Автор пишет, что получилось зачётно. Агент работает и с облачными моделями, и с локальными. Перед рискованным шагом он спрашивает разрешения, но этот вопрос можно отключить.
Что умеет
- Читает страницу, кликает, печатает, листает — всё через настоящий ввод в браузере.
- Работает с любым OpenAI-совместимым провайдером или локальным сервером.
- Пишет скрипты под конкретную страницу и запускает их без вызовов модели между ходами.
- Строит 3D-детали в Onshape по текстовому описанию.
Интерфейс расширения на русском.
Установка
- На GitHub нажмите Code → Download ZIP и распакуйте архив.
- Откройте
chrome://extensions, включите «Режим разработчика» и нажмите «Загрузить распакованное». - Гайд по пользованию лежит прямо в расширении.
Обновления. Когда на 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. Пользоваться, изменять и делиться можно с указанием автора и в некоммерческих целях. Продавать проект или его изменённые версии нельзя без отдельного разрешения автора — это относится ко всем версиям в истории репозитория, включая ранние коммиты.