AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
 
← Về danh sách

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

Skill giúp Claude dùng CLI `agent-browser` để mở trang web, điền form, chụp màn hình và trích xuất dữ liệu một cách có hệ thống.

Tự động hóaTrung cấp★ 68,873⑂ 6,858Điểm AI 9/10Cập nhật lần cuối: 9 thg 11, 2026

Giúp được gì

  • Hướng dẫn Claude sử dụng CLI agent-browser theo đúng quy trình: mở trang → snapshot -i lấy tham chiếu phần tử (@e1, @e2) → click/điền → chụp lại snapshot sau khi DOM đổi.
  • Bộ lệnh đầy đủ cho điều hướng, click, fill/type, select, checkbox, phím, cuộn, chờ (wait --load networkidle, wait --url), chụp ảnh và xuất PDF.
  • Các mẫu thực chiến: gửi form, đăng nhập rồi lưu/tái dùng trạng thái (state save/load), trích xuất dữ liệu dạng JSON, chạy nhiều phiên song song, quay video gỡ lỗi, proxy, và cả Safari trên iOS Simulator.
  • Giải thích rõ vòng đời tham chiếu (@ref hết hiệu lực khi trang thay đổi) và locator ngữ nghĩa thay thế (find text/label/role/testid).
  • Kèm 3 script mẫu chạy ngay: điền form, phiên đã đăng nhập, workflow chụp nội dung.

Phù hợp với ai

  • Lập trình viên, QA cần kiểm thử web app lặp đi lặp lại.
  • Người cần thu thập dữ liệu từ trang yêu cầu đăng nhập.
  • Người muốn tự động tạo ảnh chụp màn hình, PDF hoặc video demo cho tài liệu.
  • Yêu cầu: biết dùng terminal và cài được CLI (test iOS cần macOS + Xcode + Appium).

Ví dụ sử dụng

  1. "Điền form đăng ký này bằng dữ liệu thử rồi chụp màn hình kết quả" → open → snapshot -i → fill/select/check → click → wait → screenshot.
  2. "Đăng nhập vào trang quản trị, lưu phiên lại để lần sau vào thẳng dashboard" → đăng nhập rồi state save auth.json, lần sau state load auth.json.
  3. "Lấy bảng giá của hai website đối thủ cùng lúc" → mở --session site1 và --session site2, rồi snapshot -i --json cho từng phiên.

· · · 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/shanraisshan/claude-code-best-practice/HEAD/.claude/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 AI Skill Mart.
Copy thư mục .claude/skills/agent-browser từ repo GitHub shanraisshan/claude-code-best-practice vào ~/.claude/skills/shanraisshan-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/shanraisshan/claude-code-best-practice.git /tmp/ccbp && mkdir -p ~/.claude/skills && cp -r /tmp/ccbp/.claude/skills/agent-browser ~/.claude/skills/

⚠ Đâ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.
  2. Tải repo: git clone https://github.com/shanraisshan/claude-code-best-practice.git /tmp/ccbp
  3. Chép skill vào thư mục Claude: mkdir -p ~/.claude/skills && cp -r /tmp/ccbp/.claude/skills/agent-browser ~/.claude/skills/
  4. Cài CLI agent-browser theo hướng dẫn chính thức của công cụ, rồi kiểm tra bằng agent-browser --help.
  5. (Tùy chọn) Nếu muốn test iOS: cài Xcode trên macOS và chạy npm install -g appium && appium driver install xcuitest.
  6. Khởi động lại Claude Code, sau đó thử yêu cầu như "mở trang này và chụp màn hình giúp tôi".
  7. Muốn chạy script mẫu, cấp quyền: chmod +x ~/.claude/skills/agent-browser/templates/*.sh.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT