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

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

Chạy test Playwright trên lưới cloud của 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 8/10Cập nhật lần cuối: 9 thg 8, 2026

Skill này làm gì

  • 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 và BROWSERSTACK_ACCESS_KEY; nếu thiếu sẽ hướng dẫn lấy key rồi dừng lại.
  • Dùng các công cụ MCP để lấy danh sách build, session, link video/log và bảng trình duyệt khả dụng.
  • Hướng dẫn dựng BrowserStack Local để test localhost hoặc staging sau firewall.

Phù hợp với ai

  • Kỹ sư frontend/QA đang dùng Playwright và cần kiểm thử thật trên Safari, Firefox.
  • Nhóm đã có tài khoản BrowserStack.
  • Người muốn chạy ma trận đa trình duyệt trong CI.

Ví dụ sử dụng

  1. "Setup browserstack đi" → config có thêm 3 project cloud và script npm test:e2e:cloud.
  2. "Test trên Safari" → chạy project WebKit/macOS và báo cáo pass/fail từng trình duyệt.
  3. "Xem kết quả build mới nhất" → bảng tổng hợp trạng thái, thời lượng, URL video của từng session.

· · · 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/browserstack/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/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 && mkdir -p ~/.claude/skills/browserstack && cp -r 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.
  2. Chạy git clone https://github.com/alirezarezvani/claude-skills.git.
  3. Tạo thư mục: mkdir -p ~/.claude/skills/browserstack.
  4. Sao chép: cp -r claude-skills/.gemini/skills/browserstack/* ~/.claude/skills/browserstack/.
  5. Lấy username và access key tại trang cài đặt tài khoản BrowserStack, thêm export BROWSERSTACK_USERNAME=... và export BROWSERSTACK_ACCESS_KEY=... vào file cấu hình shell.
  6. Nếu muốn dùng chức năng xem build/session, hãy cài BrowserStack MCP server cho Claude Code.
  7. Khởi động lại Claude Code và yêu cầu "chạy test cross-browser bằng browserstack".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT