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

Tự động hóa trình duyệt (Playwright)

Skill giúp Claude viết script Playwright để scrape web, điền form, chụp ảnh trang và tự động hóa luồng đăng nhập.

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

Skill này làm gì

Hướng dẫn Claude thiết kế và viết code tự động hóa web bằng Playwright ở mức dùng được trong sản phẩm thật.

  • Thứ tự ưu tiên selector (data attribute → id → thẻ semantic → class → vị trí)
  • Mẫu xử lý phân trang: nút Next, ?page=N, cuộn vô hạn, nút "Load more"
  • Điền form nhiều bước, upload file, xử lý dropdown tùy biến
  • Chụp ảnh toàn trang / từng phần tử, xuất PDF
  • Trích xuất bảng, danh sách, bình luận lồng nhau ra JSON / CSV / JSONL
  • Lưu và tái sử dụng session đăng nhập bằng storage_state
  • Retry với exponential backoff, selector dự phòng, phát hiện lỗi 429
  • Danh sách anti-pattern: chờ cứng, hardcode mật khẩu, bỏ qua robots.txt

Dành cho ai

  • Developer / analyst cần pipeline thu thập dữ liệu web định kỳ
  • Người muốn tự động đăng nhập cổng nội bộ và tải báo cáo
  • Người đang chuyển từ Selenium/Puppeteer sang Playwright
  • Người gặp khó khi lấy dữ liệu từ website SPA nặng JavaScript

Ví dụ sử dụng

  1. "Scrape 50 trang kết quả tìm kiếm này ra CSV" → sinh script phân trang có kiểm tra nút Next, loại trùng, ghi file theo lô
  2. "Đăng nhập portal công ty và tải báo cáo mỗi thứ Hai" → dùng file session state + expect_download() để lưu file
  3. "Chụp riêng vùng biểu đồ dashboard rồi xuất PDF" → kết hợp screenshot theo locator và tùy chọn PDF của Chromium

Lưu ý: luôn kiểm tra điều khoản sử dụng và robots.txt của website trước khi scrape.

· · · 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 .gemini/skills/browser-automation từ repo GitHub alirezarezvani/claude-skills vào ~/.claude/skills/browser-automation/ 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/alirezarezvani/claude-skills.git && mkdir -p ~/.claude/skills && cp -r claude-skills/.gemini/skills/browser-automation ~/.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. Mở Terminal.
  2. Clone repo skill: 
    git clone https://github.com/alirezarezvani/claude-skills.git
  3. Tạo thư mục skills của Claude: 
    mkdir -p ~/.claude/skills
  4. Copy riêng skill này: 
    cp -r claude-skills/.gemini/skills/browser-automation ~/.claude/skills/
  5. Cài Playwright (bản Python): 
    pip install playwright && playwright install chromium
  6. Khởi động lại Claude Code và thử yêu cầu: "Viết script Playwright scrape danh sách sản phẩm trên trang này" — skill sẽ tự được gọi.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT