Playwright

Skill e2e-testing là một hướng dẫn tập trung vào Playwright để xây dựng kiểm thử end-to-end ổn định, với các mẫu về tổ chức file, sử dụng Page Object Model, cấu hình, sẵn sàng cho CI, gỡ lỗi artifact và xử lý test flaky.

ui-demo giúp bạn quay video demo ứng dụng web chỉn chu bằng Playwright, với chuyển động con trỏ hiển thị rõ và nhịp thao tác tự nhiên. Hãy dùng ui-demo cho các video hướng dẫn, clip onboarding, tour tính năng và bản ghi kiểu tutorial. Làm theo quy trình khám phá, luyện tập rồi ghi hình để có kết quả ổn định, đặc biệt khi làm việc với prototype và giao diện thay đổi nhanh.

tdd-workflow là một skill quy trình test-first dành cho tính năng mới, sửa lỗi và refactor. Skill này áp dụng TDD với mức phủ kiểm thử 80%+ trên unit, integration và E2E, kèm các mốc kiểm tra rõ ràng và xác thực các trường hợp biên. Hãy dùng skill tdd-workflow khi bạn cần một hướng dẫn thực tế cho Test Automation và các thay đổi mã nguồn có độ dự đoán cao hơn.

data-scraper-agent giúp xây dựng một pipeline dữ liệu công khai có thể lặp lại cho web scraping, làm giàu dữ liệu và lưu trữ. Skill này được thiết kế để theo dõi theo lịch các job, giá cả, tin tức, repo, thể thao và danh sách bằng GitHub Actions, với đầu ra đẩy tới Notion, Sheets hoặc Supabase. Phù hợp nhất cho việc theo dõi liên tục, không phải trích xuất một lần.

canary-watch là một skill giám sát sau triển khai để kiểm tra một URL đang hoạt động nhằm phát hiện hồi quy sau các lần phát hành, merge hoặc cập nhật phụ thuộc, trên môi trường staging hoặc production.

browser-qa là skill QA cho trình duyệt, dùng cho kiểm thử giao diện sau khi triển khai, kiểm tra tương tác, chụp ảnh responsive và rà soát khả năng truy cập bằng tự động hóa trình duyệt. Skill này giúp lập trình viên frontend và đội ngũ QA xác minh trang staging hoặc preview theo quy trình browser-qa nhất quán, thay vì dùng prompt chung chung.

webapp-testing là skill giúp kiểm thử web app cục bộ bằng Python Playwright. Skill này hỗ trợ khởi động server với `scripts/with_server.py`, kiểm tra UI đã render, tìm selector, chụp ảnh màn hình, ghi log console và xác minh hành vi frontend theo quy trình thăm dò trước.

browse là một kỹ năng trình duyệt headless nhanh, phù hợp cho QA, dogfooding và tự động hóa trình duyệt. Dùng nó để mở trang, tương tác với phần tử, xác minh trạng thái, so sánh trước và sau thao tác, chụp ảnh màn hình, và kiểm tra bố cục responsive, biểu mẫu, tải tệp, hộp thoại, cũng như trạng thái của phần tử. Hãy cài browse khi bạn cần bằng chứng từ trình duyệt thay vì một prompt chung chung.

Skill cloud giúp bạn cài đặt và sử dụng Browser Use Cloud cho Browser Automation, bao gồm thiết lập nhanh, API v2 và v3, cách dùng SDK, sessions, profiles, kết nối CDP, proxies, webhooks và giám sát trực tiếp.

gstack là một skill AI điều khiển trình duyệt dành cho kiểm thử QA, dogfooding, kiểm tra trước khi phát hành và bắt lỗi. Skill này mở các trang thật, click qua giao diện, xác minh trạng thái, so sánh trước/sau, kiểm thử bố cục responsive và thu thập bằng chứng có ảnh chụp màn hình. Đây là lựa chọn đặc biệt hữu ích cho rà soát UI Design và xác thực triển khai khi bạn cần kết quả trình duyệt đáng tin cậy từ gstack skill.

webapp-testing là skill dựa trên Playwright để kiểm tra, gỡ lỗi và kiểm thử web app cục bộ. Skill này hướng dẫn agent qua các bước kiểm tra static HTML, khảo sát ứng dụng động, chụp ảnh màn hình, ghi console logging, khám phá selector và thiết lập vòng đời server bằng scripts/with_server.py.

diagnose là một quy trình gỡ lỗi có cấu trúc dành cho bug khó, test không ổn định và hồi quy hiệu năng. Nó giúp bạn tái hiện sự cố, thu nhỏ case lỗi, đặt từng giả thuyết một, thêm instrumentation, sửa đúng nguyên nhân gốc và khóa lỗi bằng một regression test. Hãy dùng guide diagnose khi chỉ nói “debug cái này” vẫn chưa đủ.

browser-automation giúp agent xây dựng Playwright workflows cho scraping, điền biểu mẫu, chụp màn hình, tải xuống, xử lý phiên và trích xuất dữ liệu có cấu trúc. Bao gồm công thức, tài liệu tham chiếu API và helper scripts cho browser automation trong môi trường production, không phải E2E testing.

testrail là một skill tập trung vào Playwright để đồng bộ TestRail cases và runs. Skill này nhập TestRail cases vào các Playwright tests có chú thích, rồi đẩy kết quả từ JSON reporter trở lại TestRail bằng thông tin xác thực bắt buộc và các công cụ MCP.

report là một skill báo cáo Playwright test gọn nhẹ, có thể kiểm tra artifact hiện có, chạy test khi cần, phân tích kết quả và tạo bản tóm tắt dạng Markdown, Slack, TestRail hoặc sẵn sàng dùng trong CI.

init là kỹ năng thiết lập Playwright để thêm hạ tầng kiểm thử end-to-end vào dự án JavaScript hoặc TypeScript. Dùng hướng dẫn init này để rà soát repo, cài Playwright, tạo cấu hình, tạo thư mục test và bổ sung các mặc định sẵn sàng cho CI phục vụ Test Automation.

fix là một skill debug Playwright dành cho các test bị fail hoặc flaky. Skill hướng dẫn agent đi qua các bước tái hiện lỗi, chạy burn-in, thu thập trace và chẩn đoán theo taxonomy cho các vấn đề về timing, isolation, environment và infrastructure.

browserstack skill để cấu hình kiểm thử Playwright trên cloud grid của BrowserStack. Bao gồm thông tin đăng nhập bắt buộc, connectOptions, thiết lập ma trận trình duyệt và cách dùng browserstack thực tế cho Test Automation đa trình duyệt.

playwright-cli là một skill tự động hóa trình duyệt cho Playwright từ dòng lệnh. Nó hỗ trợ mở trang, kiểm tra phần tử, click qua các luồng thao tác, điền biểu mẫu, chụp ảnh màn hình, mô phỏng request và tạo mã test từ các tương tác thực tế. Phù hợp cho tự động hóa trình duyệt lặp lại và kiểm thử UI.

azure-resource-manager-playwright-dotnet là một skill .NET cho lớp quản trị (management plane) của Azure Resource Manager và Microsoft Playwright Testing. Nó giúp các nhóm phát triển backend và tự động hóa nền tảng tạo, quản lý Playwright workspace, kiểm tra khả dụng tên và xử lý hạn mức workspace. Hãy dùng cho các tác vụ cấp phát và vòng đời workspace, không phải để chạy test.

excalidraw-diagram tạo các sơ đồ Excalidraw dạng JSON để trình bày lập luận bằng hình ảnh, chứ không chỉ vẽ ô và mũi tên. Hãy dùng nó cho quy trình làm việc, kiến trúc, luồng tuần tự, đường đi quyết định và sơ đồ khái niệm khi cấu trúc, độ dễ đọc và các mối quan hệ thực sự là yếu tố quan trọng. Kỹ năng này có hướng dẫn cài đặt, kiểm tra theo khả năng hiển thị và một quy trình thực hành để tạo sơ đồ tốt hơn.

Kỹ năng playwright-testing hỗ trợ viết và gỡ lỗi kiểm thử end-to-end với Playwright, gồm page objects, chạy đa trình duyệt, thiết lập thân thiện với CI, xử lý xác thực và cấu trúc test ổn định.

playwright-best-practices là skill Playwright + TypeScript giúp viết test ổn định, giảm flake, tối ưu luồng auth, chọn giữa fixture và page object, đồng thời xử lý CI, popup, mobile, iframe, websocket và các kịch bản nhiều người dùng với hướng dẫn thực tế dựa trên repo.

use-my-browser là skill chiến lược tự động hóa trình duyệt, giúp chọn đúng lớp web cho từng tác vụ: công cụ web công khai, Chrome đang chạy, raw fetch hoặc Playwright cho các tình huống cần đăng nhập, nội dung động và thao tác qua DevTools.