Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

Browser CDP – Tự động hóa Chrome

Điều khiển Chrome qua Chrome DevTools Protocol để tái dùng phiên đăng nhập sẵn có, mở trang, chạy JavaScript và trích xuất dữ liệu.

Tự động hóaNâng cao★ 5,290⑂ 809Điểm AI 7/10Cập nhật lần cuối: 8 thg 8, 2026

Skill này làm gì

Dùng CLI agent-browser cùng Chrome DevTools Protocol (CDP) để tái sử dụng phiên đăng nhập hiện có của bạn và tự động hóa trình duyệt.

  • Phát hiện/khởi chạy Chrome ở chế độ debug (--detect-only chỉ kiểm tra, không thay đổi gì)
  • Mở URL, chờ tải trang, chạy JavaScript tùy ý (eval)
  • Lấy văn bản trang, snapshot các phần tử tương tác (snapshot -i), click và nhập liệu
  • JS phức tạp có thể truyền qua base64 (-b) hoặc heredoc (--stdin) để tránh lỗi escape shell
  • Trích xuất token đăng nhập từ localStorage/cookie
  • Bọc timeout: timeout trên macOS/Linux, PowerShell Job trên Windows
  • Bắt buộc hỏi ý kiến người dùng trước khi tắt Chrome đang chạy (exit code 3 = cần đồng ý)

Phù hợp với ai

  • Lập trình viên cần thu thập dữ liệu từ site yêu cầu đăng nhập (admin nội bộ, dashboard, mạng xã hội)
  • Người gặp khó với crawler headless do captcha hoặc mất session
  • Ai cần lấy Bearer token từ trình duyệt để dùng cho script/API tiếp theo
  • Người dùng trung–cao cấp có Node.js 20+ và quyền cài npm toàn cục

Ví dụ sử dụng

  1. Đọc dashboard cần đăng nhập: "Dùng CDP mở dashboard nội bộ và lấy nội dung text" → chạy --detect-only → xin phép rồi khởi chạy Chrome debug → open → wait 3000 → eval 'document.body.innerText'.
  2. Lấy token API: eval 'localStorage.getItem("token") || document.cookie' rồi dùng token đó cho các lệnh curl phía sau.
  3. Thu thập nhiều trang xếp hạng: bọc mỗi trang bằng timeout 30 agent-browser --cdp 9222 eval ... để không treo phiên, gặp lỗi thì tiếp tục từ trang bị lỗi.

· · · Hướng dẫn cài đặt · · ·

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/browser-cdp từ repo GitHub worldwonderer/oh-story-claudecode vào ~/.claude/skills/browser-cdp/ 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/worldwonderer/oh-story-claudecode.git && mkdir -p ~/.claude/skills && cp -r oh-story-claudecode/skills/browser-cdp ~/.claude/skills/ && npm install -g agent-browser

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Chuẩn bị: cài Google Chrome và Node.js phiên bản 20 trở lên.
  2. Cài CLI: chạy npm install -g agent-browser trong terminal.
  3. Tải skill: git clone https://github.com/worldwonderer/oh-story-claudecode.git
  4. Copy vào thư mục skill: mkdir -p ~/.claude/skills && cp -r oh-story-claudecode/skills/browser-cdp ~/.claude/skills/
  5. Kiểm tra: mở lại Claude Code và xem browser-cdp đã xuất hiện trong danh sách skill chưa.
  6. Lưu ý lần đầu chạy: hãy lưu hết tab/bản nháp trong Chrome, vì lần khởi chạy đầu có thể phải tắt Chrome thường (Claude sẽ hỏi bạn trước).
  7. Kiểm tra trạng thái CDP: node ~/.claude/skills/browser-cdp/scripts/setup-cdp-chrome.js 9222 --detect-only
Xem mã nguồn trên GitHub ↗Giấy phép: MIT