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

Tự động hoá trình duyệt qua CDP

Điều khiển Chrome bằng Chrome DevTools Protocol để tái sử dụng phiên đăng nhập sẵn có: mở URL, chạy JavaScript, click phần tử và trích xuất token.

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

Làm được gì

  • Khởi chạy Chrome ở chế độ debug (cổng 9222) và sao chép profile để dùng lại trạng thái đã đăng nhập, không cần viết lại luồng login.
  • Dùng agent-browser --cdp 9222 để open URL, wait chờ tải trang, eval chạy JS, snapshot -i lấy danh sách phần tử tương tác, rồi click/type.
  • Có mẫu sẵn để lấy toàn bộ text trang và trích xuất token từ localStorage hoặc cookie.
  • JS phức tạp (có dấu nháy, $, backtick) được xử lý qua base64 (eval -b) hoặc heredoc (--stdin) để tránh lỗi escape shell.
  • Quy trình an toàn: chạy --detect-only trước, nếu phát hiện Chrome đang mở thì phải xin phép người dùng rồi mới chạy --yes; khi dọn dẹp chỉ kill đúng PID của profile debug.

Phù hợp với ai

  • Người phải lấy dữ liệu định kỳ từ hệ thống nội bộ hoặc dashboard SaaS cần đăng nhập.
  • Developer cần token phiên từ trình duyệt để tái tạo request khi không có tài liệu API.
  • Ai muốn dùng lại Chrome quen dùng thay vì đăng nhập lại trong một session Playwright mới.

Ví dụ sử dụng

  1. "Mở trang quản trị đã đăng nhập và lấy 8000 ký tự nội dung" → open → wait 3000 → eval 'document.body.innerText.substring(0,8000)'.
  2. "Lấy giúp tôi auth token của dịch vụ này" → eval 'localStorage.getItem("token") || document.cookie'.
  3. "Duyệt nhiều trang bảng xếp hạng và thu thập danh sách" → snapshot -i để lấy nút sang trang rồi click, mỗi trang bọc timeout 30 để tránh treo session.

· · · 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/worldwonderer/oh-story-claudecode/HEAD/skills/browser-cdp/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/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 /tmp/oh-story-claudecode && mkdir -p ~/.claude/skills && cp -r /tmp/oh-story-claudecode/skills/browser-cdp ~/.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 điều kiện: đã cài Google Chrome và Node.js 20+ (node -v).
  2. Cài CLI bắt buộc: npm install -g agent-browser.
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills.
  4. Clone repo: git clone https://github.com/worldwonderer/oh-story-claudecode.git /tmp/oh-story-claudecode.
  5. Copy skill: cp -r /tmp/oh-story-claudecode/skills/browser-cdp ~/.claude/skills/.
  6. Khởi động lại Claude Code và yêu cầu ví dụ: "dùng CDP điều khiển Chrome giúp tôi".
  7. Lần chạy đầu có thể tắt Chrome đang mở — hãy lưu lại các tab/bản nháp quan trọng trước khi đồng ý.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT