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 qua CLI)

Kỹ năng giúp Claude điều khiển trình duyệt bằng dòng lệnh: mở trang, lấy ref phần tử qua snapshot rồi click, điền form, chụp ảnh và quay video.

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

Kỹ năng này làm gì

Hướng dẫn Claude sử dụng CLI agent-browser với quy trình gọn gàng:

  1. agent-browser open <url> để mở trang
  2. agent-browser snapshot -i để lấy danh sách phần tử tương tác kèm ref (@e1, @e2)
  3. Dùng ref để click, fill, select, drag, upload...
  4. Snapshot lại sau khi điều hướng hoặc DOM thay đổi

Ngoài ra còn có: chụp ảnh/xuất PDF, quay video webm, chặn và mock request mạng, đọc/ghi cookie và localStorage, quản lý tab/iframe/dialog, giả lập thiết bị – vị trí – dark mode, lưu và tải trạng thái đăng nhập (state save/load), chạy nhiều session song song và profile bền vững.

Phù hợp với ai

  • Lập trình viên muốn agent tự kiểm thử ứng dụng web
  • Người cần tự động hóa việc điền form, thu thập dữ liệu web lặp lại
  • Người cần ảnh chụp hoặc video demo cho tài liệu, release notes

Ví dụ sử dụng

  • Đăng nhập tự động: snapshot lấy ref của email/password/nút, rồi fill → click → wait --load networkidle và snapshot lại để kiểm tra kết quả.
  • Tái sử dụng phiên đăng nhập: đăng nhập một lần, state save auth.json, các lần sau chỉ cần state load auth.json rồi vào thẳng dashboard.
  • Ghi lại lỗi: record start ./debug.webm, thao tác tái hiện bug, record stop để lưu video; có thể kèm trace stop trace.zip.

· · · 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/ArabelaTso/Skills-4-SE/HEAD/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 skills/agent-browser từ repo GitHub ArabelaTso/Skills-4-SE vào ~/.claude/skills/arabelatso-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/ArabelaTso/Skills-4-SE.git && mkdir -p ~/.claude/skills && cp -r Skills-4-SE/skills/agent-browser ~/.claude/skills/ && npm install -g agent-browser && npx playwright install chromium

⚠ Đâ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 đã có Node.js: node -v.
  2. Cài CLI toàn cục: npm install -g agent-browser
  3. Tải trình duyệt Playwright: npx playwright install chromium
  4. Clone repo kỹ năng: git clone https://github.com/ArabelaTso/Skills-4-SE.git
  5. Copy thư mục kỹ năng: mkdir -p ~/.claude/skills && cp -r Skills-4-SE/skills/agent-browser ~/.claude/skills/
  6. Kiểm tra: chạy agent-browser open https://example.com --headed xem cửa sổ trình duyệt có mở không.
  7. Mở lại Claude Code và yêu cầu ví dụ: "mở trang này và điền form đăng nhập giúp tôi".
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0