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

Skill hướng dẫn dùng CLI agent-browser để điều hướng web, điền form, chụp ảnh và trích xuất dữ liệu bằng từng câu lệnh.

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

Làm được gì

Skill này là bộ tham chiếu giúp Claude điều khiển trình duyệt thật thông qua CLI agent-browser.

Quy trình cốt lõi: open để mở trang → snapshot -i để lấy các phần tử tương tác kèm ref như @e1 → click/fill/select để tác động → chụp snapshot lại khi DOM thay đổi.
Bao phủ lệnh rộng: click, gõ chữ, bàn phím, chuột, kéo–thả, upload; đọc text/thuộc tính/style; kiểm tra trạng thái; chờ (phần tử, text, URL, networkidle); screenshot, PDF, quay video; diff snapshot và diff pixel; console, lỗi, trace, profiler.
Phiên và xác thực: state save/load để tái dùng trạng thái đăng nhập, --session chạy nhiều trình duyệt song song, --profile lưu profile lâu dài, xác thực bằng header và vault mật khẩu mã hóa (LLM không thấy mật khẩu).
Điều khiển môi trường: viewport, giả lập thiết bị, geolocation, chế độ offline, dark mode; cookie/localStorage; chặn và mock request; tab, iframe, dialog; kết nối CDP; cloud browser (Browserbase, Kernel...) và iOS Simulator.

Phù hợp với ai

Lập trình viên front-end và QA muốn tự động hóa kiểm thử E2E hoặc so sánh giao diện
Người làm automation cần lặp tác vụ hoặc thu thập dữ liệu trên site cần đăng nhập
Nhóm muốn kiểm tra nhanh khác biệt UI, lỗi console và hiệu năng trước/sau khi release

Ví dụ sử dụng

Gửi form tự động: open trang form → snapshot -i lấy ref của email/password/nút → fill, click, rồi wait --load networkidle để xác nhận kết quả.
Tái dùng đăng nhập: đăng nhập một lần rồi state save auth.json; lần sau chỉ cần state load auth.json là vào thẳng dashboard.
So sánh trước/sau deploy: diff url https://v1.com https://v2.com --screenshot để báo cáo cả khác biệt cây accessibility và khác biệt pixel.

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

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/HEAD/packages/omo-opencode/src/features/builtin-skills/agent-browser/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

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/omo-opencode/src/features/builtin-skills/agent-browser từ repo GitHub code-yeongyu/oh-my-openagent vào ~/.claude/skills/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 && mkdir -p ~/.claude/skills/agent-browser && cp -r oh-my-openagent/packages/omo-opencode/src/features/builtin-skills/agent-browser/* ~/.claude/skills/agent-browser/ && 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ở terminal và kiểm tra Bun: bun --version. Nếu chưa có, cài theo hướng dẫn tại https://bun.sh
Cài CLI toàn cục: bun add -g agent-browser
Tải engine trình duyệt: agent-browser install (trên Linux nếu thiếu thư viện hãy dùng agent-browser install --with-deps).
Tải mã skill: git clone https://github.com/code-yeongyu/oh-my-openagent.git
Sao chép vào thư mục skill của Claude: mkdir -p ~/.claude/skills/agent-browser && cp -r oh-my-openagent/packages/omo-opencode/src/features/builtin-skills/agent-browser/* ~/.claude/skills/agent-browser/
Khởi động lại Claude Code và thử yêu cầu: "Mở example.com và chụp ảnh trang" để xem skill có kích hoạt không.
Muốn thấy trình duyệt hiện ra, thêm --headed; các thiết lập lặp lại nên lưu trong file agent-browser.json ở gốc dự án.

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