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

Điều khiển 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ó và tự động hóa tác vụ web.

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

Giúp được gì

  • Khởi chạy Chrome ở chế độ debug (cổng 9222) và kết nối qua CDP để dùng lại đúng phiên đăng nhập hiện có.
  • Dùng CLI agent-browser để mở URL, chờ tải trang, chạy JavaScript, lấy snapshot phần tử tương tác, click và gõ chữ.
  • Trích xuất auth token từ localStorage/cookie để dùng cho các lệnh gọi API sau đó.
  • Bắt buộc dò trạng thái bằng --detect-only trước, và phải xin phép người dùng nếu Chrome đang chạy.
  • Hướng dẫn bọc timeout (timeout, PowerShell Job), quy ước mã thoát và cách dọn tiến trình an toàn.

Phù hợp với ai

  • Người thường xuyên lấy dữ liệu từ các trang cần đăng nhập.
  • Người làm việc với admin nội bộ, dashboard SaaS mà token chỉ nằm trong trình duyệt.
  • Lập trình viên không muốn dựng lại đăng nhập trong session Playwright mới.

Ví dụ sử dụng

  1. "Mở URL dashboard này và lấy 8000 ký tự nội dung" → open → wait → eval document.body.innerText.
  2. "Lấy access token của phiên đang đăng nhập" → eval 'localStorage.getItem("token") || document.cookie'.
  3. "Nhập từ khóa vào ô tìm kiếm rồi thu thập trang kết quả đầu tiên" → snapshot -i lấy tham chiếu phần tử, rồi type + click, sau đó eval để lấy dữ liệu.

· · · 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/zenstory-ai/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 zenstory-ai/oh-story-claudecode vào ~/.claude/skills/zenstory-ai-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/zenstory-ai/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 máy đã có Google Chrome và Node.js 20 trở lên.
  2. Cài công cụ CLI: npm install -g agent-browser.
  3. Tải repo: git clone https://github.com/zenstory-ai/oh-story-claudecode.git.
  4. Sao chép skill: mkdir -p ~/.claude/skills && cp -r oh-story-claudecode/skills/browser-cdp ~/.claude/skills/.
  5. Khởi động lại Claude Code và thử yêu cầu "dùng CDP mở trang này" để xác nhận skill được nạp.
  6. Lần chạy đầu có thể tắt Chrome đang mở — hãy lưu công việc hoặc tự đóng Chrome trước.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT