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 điều khiển trình duyệt qua CLI `agent-browser`: mở trang, chụp snapshot lấy ref, click/điền form và xác minh kết quả.

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

Làm được gì

Skill hướng dẫn Claude điều khiển trình duyệt thật bằng CLI agent-browser.

  • Mở trang → chờ tải → snapshot -i để lấy các ref ngắn gọn như @e1, @e2
  • Dùng ref để click, điền form, chọn option; chụp lại snapshot sau mỗi thay đổi DOM
  • Xác minh bằng get text/url/title, diff snapshot, screenshot --annotate
  • Phân loại luồng đăng nhập nhạy cảm/không nhạy cảm: tài khoản thật, OAuth/SSO thì để người dùng tự đăng nhập
  • Dùng session có tên khi chạy song song và luôn close khi xong

Phù hợp với ai

  • Người muốn tự động hóa việc điền form, đăng nhập, thu thập dữ liệu web
  • QA / lập trình viên front-end cần chạy kịch bản kiểm thử web app
  • Ai muốn tự động hóa ổn định bằng ref thay vì selector dài dòng

Ví dụ sử dụng

  1. Đăng nhập tự động: open → wait --load networkidle → snapshot -i → fill email/mật khẩu → click @e3 → snapshot lại để kiểm tra
  2. Trích xuất dữ liệu: snapshot trang danh sách rồi dùng get text để lấy nội dung từng mục
  3. Kiểm tra thay đổi giao diện: dùng diff snapshot và screenshot --annotate trước/sau thao tác

· · · 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/avibebuilder/claude-prime/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 Claude Skill Mart.
Copy thư mục .claude/skills/agent-browser từ repo GitHub avibebuilder/claude-prime vào ~/.claude/skills/avibebuilder-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/avibebuilder/claude-prime.git /tmp/claude-prime && mkdir -p ~/.claude/skills && cp -r /tmp/claude-prime/.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. Kiểm tra Node.js đã cài: node -v.
  2. Cài CLI: npm i -g agent-browser (nếu không cài toàn cục, skill vẫn chạy được với npx agent-browser).
  3. Clone kho mã: git clone https://github.com/avibebuilder/claude-prime.git
  4. Copy thư mục skill: mkdir -p ~/.claude/skills && cp -r claude-prime/.claude/skills/agent-browser ~/.claude/skills/
    • Nhớ kiểm tra các thư mục con references/ và templates/ đã được copy đầy đủ.
  5. Khởi động lại Claude Code, rồi thử yêu cầu: "mở trang này và điền form giúp tôi".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT