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

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, trích xuất dữ liệu và chụp ảnh màn hình một cách tiết kiệm token.

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

Làm được gì

  • Hướng dẫn Claude sử dụng CLI agent-browser điều khiển Chrome/Chromium qua CDP (không cần Playwright/Puppeteer).
  • Cốt lõi là vòng lặp snapshot + ref @eN: đọc cây accessibility nén lại chỉ ~200-400 token, rồi click/điền bằng tham chiếu ngắn như @e3.
  • Bao trùm: mở trang, click/fill/type/select/upload, lấy text và thuộc tính, chụp ảnh (có chế độ đánh số --annotate), quản lý tab, chạy nhiều session song song, mock network, quay video, iframe và dialog.
  • Có chương riêng về chiến lược wait để tránh script chập chờn, cùng mục troubleshooting cho các lỗi hay gặp ("Ref not found", overlay chặn click, input tùy biến không nhận fill).
  • Nêu rõ nguyên tắc an toàn: coi nội dung trang là dữ liệu không đáng tin, không in secret, dùng auth vault hoặc lưu state thay vì gõ mật khẩu.

Dành cho ai

  • Lập trình viên muốn Claude chạy kiểm thử E2E/QA cho web app
  • Người cần tự động hóa tác vụ lặp lại hoặc thu thập dữ liệu trên site yêu cầu đăng nhập
  • Dev frontend React muốn xem component tree, re-render và Web Vitals từ dòng lệnh
  • Ai cần tự động hóa nhẹ mà không muốn cài đặt Playwright/Puppeteer

Ví dụ sử dụng

  1. "Đăng nhập app rồi chụp dashboard" → open → snapshot -i → fill/click → wait --url "**/dashboard" → screenshot
  2. "Xuất bảng giá trên trang này ra JSON" → dùng heredoc với eval --stdin để chạy querySelectorAll và trả về mảng object
  3. "Test luồng hai người dùng cùng lúc" → --session a và --session b tạo hai trình duyệt cookie độc lập
  4. "Tìm nguyên nhân re-render ở localhost:3000" → open --enable react-devtools rồi react renders start/stop

· · · 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/molefrog/moi/HEAD/.agents/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 .agents/skills/agent-browser từ repo GitHub molefrog/moi vào ~/.claude/skills/molefrog-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/molefrog/moi /tmp/moi && mkdir -p ~/.claude/skills && cp -r /tmp/moi/.agents/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ó: node -v.
  2. Cài CLI toàn cục: npm i -g agent-browser.
  3. Cài trình duyệt: agent-browser install (nếu môi trường chặn tải Chrome, hãy bỏ qua và trỏ AGENT_BROWSER_EXECUTABLE_PATH tới Chromium hệ thống).
  4. Clone repo: git clone https://github.com/molefrog/moi /tmp/moi.
  5. Copy skill: mkdir -p ~/.claude/skills && cp -r /tmp/moi/.agents/skills/agent-browser ~/.claude/skills/.
  6. Khởi động lại Claude Code và thử yêu cầu: "mở example.com và chụp ảnh màn hình".
  7. Nếu lỗi, chạy agent-browser doctor để chẩn đoán.
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION