Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

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

Skill hướng dẫn Claude dùng CLI agent-browser để điều hướng web, điền form, chụp ả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

Làm được gì

  • Hướng dẫn Claude điều khiển trình duyệt thật thông qua CLI agent-browser.
  • Luồng chuẩn: open <url> → snapshot -i (lấy các phần tử tương tác với ref @e1) → click/fill/press → snapshot lại sau khi DOM thay đổi.
  • Chụp ảnh (toàn trang, ảnh có nhãn số), xuất PDF, quay video, xem console/lỗi, trace và profiling.
  • Lưu/khôi phục trạng thái đăng nhập (state save/load), tách session và profile, quản lý cookie/localStorage, chặn hoặc mock request mạng, xử lý iframe, tab, dialog.
  • So sánh (diff) snapshot, ảnh chụp hoặc hai URL; kết nối CDP; dùng nhà cung cấp browser cloud; chế độ iOS Simulator.

Phù hợp với ai

  • Lập trình viên frontend và QA muốn AI chạy kiểm thử E2E hoặc kiểm tra hồi quy UI.
  • Người cần tự động hóa các tác vụ lặp lại trên site yêu cầu đăng nhập (gửi form, thu thập dữ liệu).
  • Người vận hành cần theo dõi thay đổi hiển thị hoặc lỗi console của trang web định kỳ.

Ví dụ sử dụng

  1. Điền và gửi form đăng nhập: open trang, snapshot -i để lấy ref, rồi fill @e1, fill @e2, click @e3, wait --load networkidle.
  2. Tái sử dụng phiên đă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.
  3. So sánh trước/sau khi deploy: diff url https://v1.com https://v2.com --screenshot để thấy khác biệt cả về cấu trúc và 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/skills-loader-core/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)
  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/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 && mkdir -p ~/.claude/skills/agent-browser && cp oh-my-openagent/packages/skills-loader-core/src/features/builtin-skills/agent-browser/SKILL.md ~/.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.

  1. 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.
  2. Cài CLI toàn cục: bun add -g agent-browser
  3. Tải trình duyệt Chromium: agent-browser install (trên Linux dùng agent-browser install --with-deps).
  4. Tạo thư mục skill: mkdir -p ~/.claude/skills/agent-browser
  5. Clone repo: git clone https://github.com/code-yeongyu/oh-my-openagent.git
  6. Copy file: cp oh-my-openagent/packages/skills-loader-core/src/features/builtin-skills/agent-browser/SKILL.md ~/.claude/skills/agent-browser/
  7. Khởi động lại Claude Code và thử: "mở example.com rồi chụp ảnh trang".
  8. Tùy chọn: lưu cấu hình mặc định vào ~/.agent-browser/config.json, ví dụ {"headed": true}.
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION