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 bằng Playwright CLI

Điều khiển trình duyệt hoàn toàn từ terminal bằng playwright-cli: điều hướng, điền form, chụp ảnh, trace và sinh mã test Playwright.

Lập trìnhTrung cấp★ 361⑂ 60Điểm AI 9/10Cập nhật lần cuối: 6 thg 9, 2026

Làm được gì

  • Dùng lệnh playwright-cli để điều khiển trình duyệt mà không cần viết file script: mở trang, snapshot để lấy ref phần tử, rồi click, fill, select, drag, upload.
  • Chụp ảnh màn hình, xuất PDF, quay video, đổi kích thước viewport và giả lập thiết bị.
  • Quản lý cookie/localStorage/sessionStorage; lưu trạng thái đăng nhập bằng state-save và tái sử dụng với state-load.
  • Mock API bên ngoài bằng route, và gỡ lỗi với tracing-start/stop, console, network.
  • Khi lệnh CLI chưa đủ, dùng run-code để chạy trực tiếp Playwright API; cuối cùng sinh mã test theo hướng dẫn kèm theo.

Phù hợp với ai

  • QA engineer và developer frontend viết/gỡ lỗi test E2E.
  • Người cần kiểm tra nhanh UI trên localhost hoặc môi trường staging.
  • Ai cần nhiều session song song hoặc tái sử dụng trạng thái đăng nhập.

Ví dụ sử dụng

  1. "Đăng nhập rồi đi tới bước 3 của thanh toán và chụp ảnh từng bước" → open → snapshot → fill/click → screenshot --filename=checkout-step3.png.
  2. "Xem UI xử lý thế nào khi API thanh toán trả về lỗi 500" → dùng route để mock response, kiểm tra console và network.
  3. "Chuyển luồng đăng ký này thành file test Playwright" → thao tác rồi sinh spec theo guide test-generation.

Lưu ý: chỉ tự động hóa trên ứng dụng bạn sở hữu hoặc được phép kiểm thử.

· · · 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/testdino-hq/playwright-skill/HEAD/playwright-cli/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 playwright-cli từ repo GitHub testdino-hq/playwright-skill vào ~/.claude/skills/playwright-cli/ 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/testdino-hq/playwright-skill.git && mkdir -p ~/.claude/skills && cp -r playwright-skill/playwright-cli ~/.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 Node.js đã cài: node -v.
  2. Clone repo: git clone https://github.com/testdino-hq/playwright-skill.git
  3. Copy thư mục skill: mkdir -p ~/.claude/skills && cp -r playwright-skill/playwright-cli ~/.claude/skills/
  4. Cài công cụ và trình duyệt: playwright-cli install --skills rồi playwright-cli install-browser (nếu chưa có lệnh, làm theo README của repo trước).
  5. Khởi động lại Claude Code và kiểm tra skill playwright-cli xuất hiện trong danh sách.
  6. Thử nghiệm: playwright-cli open http://localhost:3000 rồi playwright-cli snapshot.
  7. Kết thúc thì dọn dẹp bằng playwright-cli close hoặc close-all.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT