Tự động hóa trình duyệt (agent-browser)
Điều khiển trình duyệt web bằng lệnh CLI với snapshot khả năng truy cập tối ưu cho AI và tham chiếu phần tử (@e1).
Tự động hóaTrung cấp★ 367⑂ 33Điểm AI 8/10Cập nhật lần cuối: 28 thg 7, 2026
Skill này làm gì
- Dùng CLI
agent-browserđể mở trang, click, điền form, chụp ảnh, chờ điều kiện. - Thay vì đọc toàn bộ DOM, skill lấy snapshot cây accessibility (
snapshot -i) và dùng ref phần tử (@e1, @e2) nên tiết kiệm context rất nhiều. - Hỗ trợ CSS selector và locator theo role/label/testid.
- Có session riêng biệt (
--session) để chạy song song hoặc tái dùng trạng thái đăng nhập; tích hợp memory/hooks của claude-flow.
Phù hợp với ai
- Người muốn giao các tác vụ web lặp lại (đăng nhập, gửi form, thu thập dữ liệu) cho Claude.
- Lập trình viên cần dựng nhanh script scraping hoặc kiểm thử E2E.
- Người dùng claude-flow / hệ thống nhiều agent cần công cụ trình duyệt.
Ví dụ sử dụng
- "Mở trang login, đăng nhập rồi xác nhận đã vào dashboard" → open → snapshot -i → fill → click → wait --url
- "Lấy tên, giá và link từ trang danh sách sản phẩm" → snapshot rồi lặp
get text/get attr href - "Điền và gửi form liên hệ, kiểm tra thông báo thành công" → fill → click →
wait --text "Thank you"
· · · 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/spencermarx/open-code-review/HEAD/.claude/skills/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)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
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/browser từ repo GitHub spencermarx/open-code-review vào ~/.claude/skills/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/spencermarx/open-code-review /tmp/open-code-review && mkdir -p ~/.claude/skills && cp -r /tmp/open-code-review/.claude/skills/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.
- Mở terminal.
- Tải repo:
git clone https://github.com/spencermarx/open-code-review /tmp/open-code-review - Sao chép thư mục skill:
mkdir -p ~/.claude/skills && cp -r /tmp/open-code-review/.claude/skills/browser ~/.claude/skills/ - Cài CLI
agent-browser(xem tài liệu claude-flow) và kiểm tra bằngagent-browser --help. - Khởi động lại Claude Code, thử gõ
/browserhoặc "hãy scrape trang này" để xem skill có được kích hoạt.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0