Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

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

Cho phép Claude điều khiển trình duyệt thật để 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 bọc CLI agent-browser, giúp Claude Code điều khiển trình duyệt Chromium thật theo quy trình mở trang → snapshot → thao tác bằng ref (@e1).

  • Điều hướng trang, back/forward, reload, chuyển tab/cửa sổ/iframe
  • Snapshot cây accessibility để lấy danh sách phần tử tương tác kèm ref
  • Click, điền form, chọn dropdown, kéo thả, tải file lên
  • Chụp màn hình (toàn trang, có đánh số phần tử), xuất PDF, quay video
  • Quản lý cookie, localStorage, lưu và nạp lại trạng thái đăng nhập
  • Chặn/giả lập request mạng, xem console log và lỗi trang, trace & profiling
  • So sánh diff giữa snapshot, ảnh chụp hoặc hai URL để kiểm thử hồi quy
  • Giả lập thiết bị di động, iOS Simulator và trình duyệt đám mây

Phù hợp với ai

  • Lập trình viên muốn viết kiểm thử E2E bằng ngôn ngữ tự nhiên
  • Người cần tự động hóa thao tác lặp lại trên các trang yêu cầu đăng nhập
  • Frontend cần đối chiếu giao diện trước và sau khi thay đổi
  • Người thu thập dữ liệu từ các trang web công khai

Ví dụ sử dụng

  1. Kiểm thử form đăng nhập: "Mở example.com/login, đăng nhập bằng tài khoản test và kiểm tra dashboard" → open → snapshot -i → fill @e1/@e2 → click @e3 → wait --url "**/dashboard".
  2. Tái sử dụng phiên đă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 là bỏ qua bước login.
  3. So sánh giao diện: diff url https://old.example.com https://new.example.com --screenshot để xuất ảnh khác biệt trước/sau khi deploy.

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

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. 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 /tmp/omo && mkdir -p ~/.claude/skills && cp -r /tmp/omo/packages/omo-opencode/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.

  1. Kiểm tra Bun: bun --version (nếu chưa có: curl -fsSL https://bun.sh/install | bash).
  2. Cài CLI toàn cục: bun add -g agent-browser.
  3. Tải trình duyệt: agent-browser install (trên Linux dùng agent-browser install --with-deps).
  4. Clone repo skill: git clone https://github.com/code-yeongyu/oh-my-openagent.git /tmp/omo.
  5. Chép thư mục skill: mkdir -p ~/.claude/skills && cp -r /tmp/omo/packages/omo-opencode/src/features/builtin-skills/agent-browser ~/.claude/skills/.
  6. Khởi động lại Claude Code và thử: "Mở example.com bằng trình duyệt và chụp màn hình giúp tôi".
  7. Lưu tùy chọn hay dùng vào ~/.agent-browser/config.json, ví dụ {"headed": true}.
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION