Змусьте Claude безпосередньо керувати вашим браузером: заповнюйте форми, публікуйте дописи, навіть перетягуйте слайдер-капчу

Більшість людей використовують AI лише як «ти питаєш — воно відповідає». Але справді дратівливі завдання — це не «не можу придумати відповідь», а треба вручну робити кроки на веб-сторінці — заповнювати поле за полем у формі, вставляти підготовлений вміст у редактор на сайті та публікувати, гортати десятки сторінок, щоб зібрати інформацію, а під час входу вручну перетягувати слайдер-капчу. Ці завдання AI найбільше мав би виконувати за вас, але він не дістає до вашого браузера.

Розширення PandaNpc для Chrome усуває цю перешкоду «не дістає»: ваш Claude Code буквально отримує доступ до вашого браузера, натискає за вас, заповнює за вас, гортає за вас і навіть перетягує капчу. Це не коли ви робите скріншот, показуєте йому, а він каже, що натискати — він робить це сам.

Що це таке

Одним реченням: це розширення Chrome, яке перетворює Claude на «оператора» вашого браузера.

Ланцюжок простий:

你的 Claude Code  →  cc-relay 中转  →  浏览器插件  →  操作你当前看的网页

Ви кажете в діалозі «допоможи опублікувати цей текст», «заповни цю форму», «увійди на цей сайт», і Claude використовує розширення, щоб виконати дії на тій вкладці, яку ви зараз переглядаєте. Розширення — це його «руки», а ви весь час бачите, що воно робить.

Що воно може

Розширення надає Claude 43 інструменти для роботи з браузером, які охоплюють майже все, що можна зробити мишею та клавіатурою:

• Перегляд: читання тексту сторінки, знімок екрана, отримання структури елемента, перехоплення мережевих запитів сторінки.
• Натискання та заповнення: клік по кнопці/посиланню, заповнення поля введення, прапорець, випадний список, натискання клавіш (у т.ч. комбінації Ctrl/Enter), прокрутка, наведення, перетягування.
• Гортання та переходи: відкриття/закриття/перемикання вкладок, вперед/назад, перехід за URL, очікування завантаження елемента.
• Передача: завантаження зображення (наприклад, обкладинки) за URL безпосередньо у поле завантаження на сторінці — байти зображення не проходять через діалог.
• Проходження капчі: визначення положення прорізу для пазла, перетягування слайдера, натискання на текстову/графічну капчу (детальніше нижче).

Головне не в «скільки інструментів», а в тому, що вам не потрібно їх запам'ятовувати. Ви говорите природною мовою, Claude сам розбиває це на послідовність дій і виконує. Узагальнено, воно може робити:

• Передати одним реченням нудні повторювані операції у вебі — заповнення форм, пакетне оброблення, перенесення даних між сторінками;
• Вставити готовий вміст у редактор на сайті та опублікувати;
• Виконати процеси, що вимагають входу та проходження капчі.

Який сайт і що робити — вирішуєте ви.

Особливість: як воно «перетягує» капчу

Це якнайкраще демонструє можливості розширення, те, чого не можуть звичайні скрипти для сайтів / Userscripts.

Спочатку чому звичайна автоматизація не проходить капчу. Браузер ставить на кожну подію «печатку справжності» під назвою isTrusted: події від реальної миші мають isTrusted=true; події кліку, створені JavaScript (element.click(), dispatchEvent), мають isTrusted=false. Системи капчі та антискрапінгу перевіряють цю печатку, і штучні події одразу викриваються. Тому Userscripts, що імітують кліки, капча не сприймає.

Це розширення використовує інший шлях — Chrome DevTools Protocol (CDP) впроваджує події введення на рівні ядра браузера, створюючи справжню печатку isTrusted=true, яку антискрапінг не може відрізнити від дій людини. Це основа інструментів real_click / real_drag / real_type («справжнє введення»).

Але просто «справжнього» недостатньо — потрібно перетягувати як людина. Траєкторія перетягування слайдера спеціально розраховується як антропоморфна крива, а не пряма лінія миттєво:

• Змінна швидкість: повільний старт, прискорення в середині, сповільнення біля прорізу (людина рухає так), а не рівномірно;
• Дуга: легке підняття вгору посередині та повернення, імітуючи, що рука не рухається ідеально прямо;
• Тремтіння: кожен крок має випадкове мікропіксельне тремтіння;
• Паузи: невелика затримка на початку (затискання) і перед відпусканням, випадкові мілісекундні інтервали між кроками.

Де знаходиться проріз розширення визначає самостійно: робить знімок капчі, перетворює його на відтінки сірого, обчислює «енергію» вертикальних країв по колонках — лівий і правий вертикальні краї фрагмента пазла та прорізу мають найвищу енергію, пара визначає положення прорізу. Claude отримує координати, обчислює відстань перетягування, використовує антропоморфну траєкторію, після перетягування робить скріншот для перевірки, якщо неправильно — коригує.

• Пазл-слайдер: визначення прорізу → перетягування.
• Прямий слайдер «перетягни до кінця»: вимірювання ручки та правого кінця треку → перетягування до кінця.
• Капча з вибором тексту/зображень: знімок екрана, визначення необхідної послідовності натискань та положення кожного символу → натискання по координатах по черзі.

Є ще одна прихована складність: багато форм входу та капчі знаходяться в крос-доменних iframe, яких звичайні скрипти не можуть досягти селекторами. А це розширення, використовуючи введення на рівні координат, працює на рівні рендерингу, не обмежене політикою того ж джерела, і може безпосередньо працювати всередині крос-доменних iframe.

Порівняння:

Примітка: проходження капчі призначене для виконання дій, які ви маєте право виконувати (наприклад, вхід у власний акаунт), а не для масового зламування чи атак на чужі сайти.

Безпека: воно не робитиме нічого без вашого відома

Дозволити AI керувати браузером — головне побоювання: «а чи не зробить воно чогось поганого без мого відома?». Розширення має кілька рівнів захисту:

• Кожна дія потребує схвалення: перед тим як Claude натисне/заповнить, на бічній панелі з'являється картка з інформацією «на якій сторінці і що буде зроблено», ви можете Дозволити / Завжди дозволяти (цей сайт, цю дію) / Відхилити.
• Небезпечні сайти в чорному списку: інтернет-банкінг, платіжні системи, пошта, сторінки входу в акаунти (ICBC / CCB / CMB, PayPal / Alipay / WeChat Pay, Gmail / QQ Mail / Outlook, вхід Google / Microsoft тощо) — усі в чорному списку, будь-які дії негайно відхиляються без запитань.
• Вплив лише на поточну вкладку: воно не переглядатиме інші відкриті фонові сторінки.
• Глобальна кнопка паузи: натисніть у будь-який момент — автоматизація негайно зупиниться.
• Журнал дій: останні 100 дій (час, сторінка, що зроблено, успіх) зберігаються, можна переглянути.
• Різні браузери не перетинаються: якщо один акаунт встановлено на кількох браузерах, команди надсилаються лише до того браузера, з яким встановлено з'єднання, без широкомовлення чи помилкової адресації.

Іншими словами: що воно може робити — ви схвалюєте картку за карткою; що воно зробило — ви можете перевірити в будь-який момент.

Три кроки для початку роботи

1. Встановіть розширення: встановлення одним кліком з Chrome Web Store 👉 PandaNpc — Remote Control for Claude Code

2. Налаштуйте свій Claude Code: встановіть і запустіть pandapaw на своєму пристрої розробника:

   bashCopy

   # macOS / Linux
   curl -fsSL https://cos.pandanpc.com/pandapaw/install.sh | sh
   # Windows (PowerShell)
   iwr -useb https://cos.pandanpc.com/pandapaw/install.ps1 | iex

   Потім запустіть pandapaw qr, щоб згенерувати одноразовий код з’єднання, дійсний дві хвилини, вставте його в бічну панель розширення та натисніть «Підключитися».

3. Доручіть йому роботу: відкрийте сторінку, яку потрібно обробити, і скажіть природною мовою — «допоможи заповнити цю форму», «увійди, капчу перетягнеш сам», «опублікуй цей текст». Решту він зробить сам, а коли потрібне схвалення — покаже картку.

Підсумок

Найкорисніший момент AI — це не коли він думає за вас, а коли він робить за вас. Це розширення Chrome перетворює Claude з «консультанта в чаті» на «оператора у вашому браузері»: 43 інструменти, здатність проходити слайдер- і клік-капчі, працювати в крос-доменних iframe, а також повний набір засобів безпеки: схвалення + чорний список + пауза + журнал.

Хочете, щоб AI справді працював за вас у вебі? Встановіть розширення вже зараз і підключіть свій Claude Code, щоб спробувати.