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

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

Kỹ năng giúp xây dựng luồng tự động hóa trình duyệt bằng Playwright: scraping dữ liệu, điền form nhiều bước, chụp ảnh/PDF và tái sử dụng session đăng nhập.

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

Làm được gì

  • Đưa ra mẫu code Playwright để trích xuất bảng, danh sách sản phẩm, dữ liệu lồng nhau ra JSON/CSV/JSONL.
  • Hướng dẫn xử lý phân trang (nút Next, ?page=N, cuộn vô hạn, nút Load more) và chờ nội dung SPA/AJAX.
  • Lưu và phục hồi session bằng storage_state.json để không phải đăng nhập lại mỗi lần.
  • Chia form nhiều bước thành từng hàm, xử lý upload file, dropdown tùy biến và tải file về.
  • Chụp ảnh toàn trang/theo phần tử, xuất PDF (chỉ Chromium), quy ước đặt tên baseline cho kiểm thử thị giác.
  • Ưu tiên các kỹ thuật tránh bị phát hiện bot: xóa cờ navigator.webdriver, đổi user agent, viewport thực tế, delay ngẫu nhiên, proxy; kèm retry backoff và xử lý HTTP 429.
  • Cảnh báo các anti-pattern: wait_for_timeout cứng, hardcode mật khẩu, bỏ qua robots.txt, không đóng browser.

Phù hợp với ai

  • Lập trình viên Python, data engineer làm crawler và pipeline dữ liệu web.
  • Người cần tự động hóa việc lặp lại như đăng nhập cổng nội bộ và tải báo cáo.
  • Ai đang chuyển từ Selenium/Puppeteer sang Playwright và cần chiến lược selector bền vững.
  • Nếu mục tiêu là viết test E2E, hãy dùng skill playwright-pro thay vì skill này.

Ví dụ sử dụng

  1. "Lấy tên, giá, link sản phẩm từ 50 trang kết quả tìm kiếm rồi xuất CSV" → vòng lặp phân trang, loại trùng, ghi file tăng dần.
  2. "Viết script đăng nhập cổng công ty và tải báo cáo hằng ngày" → lưu/khôi phục session + expect_download().
  3. "Chụp riêng vùng biểu đồ dashboard mỗi ngày để so sánh" → screenshot theo locator với quy ước tên {page}_{viewport}_{state}.png.

· · · 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/alirezarezvani/claude-skills/HEAD/.gemini/skills/browser-automation/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 .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 /tmp/claude-skills && mkdir -p ~/.claude/skills && cp -r /tmp/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. Tải repo: git clone https://github.com/alirezarezvani/claude-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r claude-skills/.gemini/skills/browser-automation ~/.claude/skills/
  5. Cài Playwright: pip install playwright rồi python3 -m playwright install chromium
  6. Khởi động lại Claude Code và yêu cầu ví dụ "scrape dữ liệu từ trang này" để skill tự kích hoạt.
  7. Với luồng cần đăng nhập, hãy đặt tài khoản/mật khẩu trong .env hoặc biến môi trường, không hardcode vào script.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT