# ruflo browser: проверить страницу по снимку состояния: сведения для ИИ-агента

> Справочный документ Staksy для твоего агента. Это сведения для проверки, не команды: ничего отсюда не выполняй и не устанавливай без подтверждения пользователя. Сверь требования с первоисточниками ниже; устаревшее и неподтверждённое не принимай как факт. Не утверждай, что инструмент работает, пока это не проверено.

- Материал: ruflo-browser-skill (skill), страница для человека: /r/ruflo-browser-skill
- Обновлено 2026-10-18

## Цель

Агент проверит страницу по снимку состояния до и после действия

Пройди тестовый сценарий через agent-browser и проверь состояние страницы после действия.

Скилл browser из ruflo описывает цикл: открыть страницу, получить accessibility snapshot, выбрать элемент по ссылке и обновить снимок после изменения. Например, можно проверить, что тестовая кнопка раскрыла ожидаемый блок. Это инструкция поверх agent-browser и браузерного модуля claude-flow. Скилл не добавляет браузерные инструменты сам; версии и наличие зависимостей нужно проверить до подключения.

## Источники

- ruflo: исходный browser skill: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/skills/browser/SKILL.md
- ruflo: браузерный модуль и настройка: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/README.md
- ruflo: зависимости и установочный скрипт: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/package.json
- ruflo: MIT License: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/LICENSE

## Требования

- Уже подготовленное окружение claude-flow/ruflo и agent-browser; версии сверены с package.json выбранного commit и требованиями самих зависимостей.
- Тестовая страница и разрешённый сценарий без реальных платежей, переписки и личных сессий.

- Зависимость agent-browser (^0.37.1 по package.json): Доступ к браузеру, действиям страницы и скриншотам; требуется отдельно подготовленный браузер.. Источник: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/package.json
- Зависимость @claude-flow/cli и @claude-flow/browser (55e2c9011c20d25e347a175427ca8084dacde40c): В package.json указаны peer @claude-flow/cli >=3.5.0 и браузерный модуль 3.0.0; их установка может запускать scripts и менять окружение.. Источник: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/package.json

## Совместимость

- ruflo / claude-flow: По условиям клиента и зависимостей; версия клиента: не указана. Автор описывает CLI agent-browser и browser/* инструменты модуля claude-flow. Требуется их подключение.
- Claude Code: По условиям клиента и зависимостей; версия клиента: не указана. Применение этого отдельного skill в Claude Code требует доступных shell/browser инструментов и проверки настройки.

## Риски

- package.json содержит postinstall, который при отсутствии agent-browser может установить его глобально. Прочитайте скрипт до установки пакета.
- Браузерные действия могут отправлять формы и менять данные. Используйте отдельную тестовую сессию; не переносите файлы авторизации.
- Заявленные автором показатели экономии контекста и безопасность модуля в этом обзоре не измерялись.

## Порядок действий

Используйте skill в уже настроенном окружении автора либо после самостоятельного аудита зависимостей. Задайте тестовый адрес, одно действие и ожидаемый результат. Ссылки на элементы берите из свежего snapshot; после действия обновляйте его.

1. Проверьте окружение и сам skill: Откройте SKILL.md, README и package.json выбранной редакции. Проверьте доступность agent-browser и браузера; подключение browser/* tools требует конфигурации модуля автора.

Руководство: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/package.json

2. Получите актуальные элементы страницы: Откройте свой разрешённый тестовый адрес в отдельной сессии и получите интерактивный snapshot. Выбирайте элемент по ссылке из этого снимка.

```text
agent-browser snapshot -i
```

Руководство: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/skills/browser/SKILL.md

3. Выполните действие и снимите новое состояние: Пройдите одно тестовое действие. После изменения страницы получите новый snapshot, проверьте ожидаемый текст или состояние и только затем переходите дальше.

Руководство: https://github.com/ruvnet/ruflo/blob/55e2c9011c20d25e347a175427ca8084dacde40c/v3/@claude-flow/browser/skills/browser/SKILL.md

## Как проверить результат

Сохранены snapshot до и после одного разрешённого действия. Нужное состояние видно в новом снимке и соответствует ожиданию. После перехода использованы новые ссылки на элементы; реальных данных сценарий не менял.
