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

Kiểm thử đa trình duyệt với BrowserStack

Chạy bộ test Playwright trên lưới đám mây BrowserStack và tổng hợp kết quả theo từng trình duyệt.

Lập trìnhTrung cấp★ 24,151⑂ 3,405Điểm AI 7/10Cập nhật lần cuối: 9 thg 8, 2026

Làm được gì

  • Tự động thêm cấu hình kết nối BrowserStack (Chrome/Firefox/WebKit) vào playwright.config.ts.
  • Kiểm tra biến môi trường BROWSERSTACK_USERNAME, BROWSERSTACK_ACCESS_KEY rồi chạy test trên đám mây.
  • Dùng các công cụ MCP (browserstack_get_builds, browserstack_get_sessions...) để lấy trạng thái build, video và log, trình bày dạng bảng.
  • Hướng dẫn cài BrowserStack Local để test localhost hoặc môi trường staging sau tường lửa.

Phù hợp với ai

  • Đội ngũ đã dùng Playwright và cần xác minh trên Safari, Firefox thật.
  • Kỹ sư QA cần chạy hồi quy trên các tổ hợp OS/trình duyệt không có sẵn ở máy.
  • Lập trình viên muốn báo cáo ma trận trình duyệt gọn gàng trong CI.

Ví dụ sử dụng

  1. "Thiết lập browserstack" → thêm 3 project đám mây và script npm test:e2e:cloud.
  2. "Chạy test đa trình duyệt" → chạy trên Chrome/Firefox rồi trả bảng đạt/không đạt.
  3. "Xem kết quả build gần nhất" → tóm tắt phiên chạy kèm thời lượng và link video.

· · · 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/browserstack từ repo GitHub alirezarezvani/claude-skills vào ~/.claude/skills/browserstack/ 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/browserstack && cp -r /tmp/claude-skills/.gemini/skills/browserstack/* ~/.claude/skills/browserstack/

⚠ Đâ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 và tải kho mã: git clone https://github.com/alirezarezvani/claude-skills.git
  2. Tạo thư mục skill: mkdir -p ~/.claude/skills/browserstack
  3. Sao chép tệp: cp -r claude-skills/.gemini/skills/browserstack/* ~/.claude/skills/browserstack/
  4. Lấy username và access key trong trang cài đặt tài khoản BrowserStack.
  5. Thêm export BROWSERSTACK_USERNAME=... và export BROWSERSTACK_ACCESS_KEY=... vào ~/.zshrc rồi mở lại terminal.
  6. Nếu muốn xem build/session, hãy đăng ký máy chủ MCP của BrowserStack trong Claude Code.
  7. Khởi động lại Claude Code và thử yêu cầu "chạy test đa trình duyệt bằng browserstack".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT