Tự động hóa trình duyệt agent-browser

Skill điều khiển trình duyệt thật qua CLI agent-browser để duyệt web, điền form, chụp màn hình và trích xuất dữ liệu.

Tự động hóaTrung cấp★ 67,531⑂ 5,507Điểm AI 9/10Cập nhật lần cuối: 9 thg 8, 2026

Skill này làm gì

Skill hướng dẫn Claude dùng CLI agent-browser để thao tác trình duyệt thật theo quy trình rõ ràng: mở trang → chụp cây accessibility để lấy tham chiếu phần tử (@e1) → click, điền, chọn.

Điều hướng: open, back, reload, chuyển tab/cửa sổ/iframe
Tương tác: click, điền form, chọn dropdown, kéo thả, tải file lên
Kiểm tra: lấy text/HTML/thuộc tính, kiểm tra hiển thị và trạng thái
Ghi lại: ảnh chụp thường/toàn trang/có đánh số, xuất PDF, quay video, trace và profiling
Nâng cao: chặn và giả lập request mạng, quản lý cookie/localStorage, so sánh snapshot và pixel diff, lưu phiên đăng nhập, kết nối CDP, trình duyệt cloud và iOS Simulator

Phù hợp với ai

QA và lập trình viên frontend cần kiểm thử lặp lại luồng đăng nhập, thanh toán
Người làm marketing/vận hành phải thu thập dữ liệu web thủ công
Nhóm muốn so sánh giao diện trước và sau khi deploy
Ai cần tự động tạo ảnh chụp cho tài liệu hoặc video demo

Ví dụ sử dụng

Kiểm thử form đăng ký: open trang, snapshot -i để lấy ref, điền email/mật khẩu, click submit rồi wait --url "**/dashboard" để xác nhận thành công.
Thu thập dữ liệu có đăng nhập: đăng nhập một lần rồi state save auth.json; các lần sau chỉ cần state load auth.json và dùng get text để lấy số liệu trên dashboard.
Kiểm tra hồi quy giao diện: chạy diff url https://staging.example.com https://www.example.com --screenshot để so sánh cả nội dung lẫn khác biệt pixel giữa hai môi trường.

· · · Hướng dẫn cài đặt · · ·

Cài vào ứng dụng Claude (không cần terminal)

Tải tệp ZIP bằng nút bên dưới.
Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.

↓ Tải ZIP

Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục packages/skills-loader-core/src/features/builtin-skills/agent-browser từ repo GitHub code-yeongyu/oh-my-openagent vào ~/.claude/skills/code-yeongyu-agent-browser/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/code-yeongyu/oh-my-openagent.git /tmp/oma && mkdir -p ~/.claude/skills && cp -r /tmp/oma/packages/skills-loader-core/src/features/builtin-skills/agent-browser ~/.claude/skills/ && bun add -g agent-browser && agent-browser install

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

Đảm bảo máy đã có bun hoặc npm.
Cài CLI toàn cục: bun add -g agent-browser (hoặc npm i -g agent-browser).
Tải trình duyệt Chromium: agent-browser install (trên Linux dùng agent-browser install --with-deps).
Tải mã nguồn skill: git clone https://github.com/code-yeongyu/oh-my-openagent.git /tmp/oma.
Chép thư mục skill: mkdir -p ~/.claude/skills && cp -r /tmp/oma/packages/skills-loader-core/src/features/builtin-skills/agent-browser ~/.claude/skills/.
Khởi động lại Claude Code và thử yêu cầu như "chụp màn hình trang này giúp tôi".
(Khuyến nghị) Giới hạn phạm vi bằng --allowed-domains, --confirm-actions hoặc file ~/.agent-browser/config.json trước khi thao tác với tài khoản thật.

Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION