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

Kiểm thử Web App (Playwright)

Chính thức

Skill chính thức giúp Claude điều khiển và kiểm thử web app chạy local bằng Playwright, chụp ảnh màn hình và đọc log console.

Lập trìnhTrung cấp★ 167,132⑂ 19,920Điểm AI 8/10Cập nhật lần cuối: 7 thg 8, 2026

Skill này làm gì

  • Hướng dẫn Claude viết script Playwright Python để tương tác và kiểm thử web app đang chạy trên máy bạn.
  • Dùng scripts/with_server.py kèm theo để tự khởi động/kết thúc dev server (một hoặc nhiều server, ví dụ backend + frontend) rồi chạy script tự động hoá khi port đã sẵn sàng.
  • Cung cấp cây quyết định (HTML tĩnh hay app động), mẫu dò DOM rồi hành động sau khi chờ networkidle, cùng cách chụp screenshot và thu log console.
  • Thư mục examples/ có sẵn ví dụ tìm phần tử, tự động hoá HTML tĩnh qua file://, và ghi log console.

Phù hợp với ai

  • Lập trình viên frontend (React/Vue/Svelte…) muốn Claude tự xác minh UI hoạt động đúng.
  • QA hoặc fullstack cần viết test E2E, tái hiện bug một cách tự động.
  • Người thấy mệt vì phải tự bật server và click thủ công mỗi lần kiểm tra.

Ví dụ sử dụng

  1. "Chạy npm run dev ở port 5173, kiểm tra form đăng nhập và chụp ảnh nếu lỗi."
  2. "Bật backend port 3000 và frontend port 5173, tự động test luồng thêm sản phẩm vào giỏ hàng."
  3. "Thu toàn bộ lỗi console trên trang này và cho biết script nào gây ra."

· · · 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/anthropics/skills/HEAD/skills/webapp-testing/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/webapp-testing từ repo GitHub anthropics/skills vào ~/.claude/skills/webapp-testing/ 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/anthropics/skills.git && mkdir -p ~/.claude/skills && cp -r skills/skills/webapp-testing ~/.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. Chuẩn bị: cài Python 3 và Playwright bằng pip install playwright, sau đó python -m playwright install chromium.
  2. Clone repo: git clone https://github.com/anthropics/skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r skills/skills/webapp-testing ~/.claude/skills/
  5. Kiểm tra trong ~/.claude/skills/webapp-testing/ có SKILL.md, scripts/ và examples/.
  6. Khởi động lại Claude Code và thử yêu cầu: "Kiểm thử UI web app local bằng Playwright giúp mình".
Xem mã nguồn trên GitHub ↗