Playwright

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.

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.

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.

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 đủ.

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.

playwright-skill là một hướng dẫn dành riêng cho Playwright, giúp tự động hóa trình duyệt một cách đáng tin cậy. Nó hỗ trợ nhóm viết, gỡ lỗi và mở rộng kiểm thử cho luồng E2E, kiểm tra API, kiểm thử component, visual regression, khả năng truy cập, xác thực, CI/CD và quá trình chuyển từ Cypress hoặc Selenium. Hãy dùng skill playwright-skill khi bạn cần các mẫu thực hành cụ thể thay vì lời khuyên kiểm thử chung chung.

playwright-skill là một skill tự động hóa trình duyệt để kiểm thử trang, điền biểu mẫu, kiểm tra liên kết, chụp ảnh màn hình, xác thực bố cục responsive và xử lý các luồng đăng nhập hoặc thanh toán. Skill này tự nhận diện dev server, dùng một executor phổ quát và giúp bạn chạy các tác vụ Playwright đáng tin cậy với ít thiết lập và phỏng đoán hơn.

x-article-publisher là một skill tập trung vào quy trình đăng Markdown lên X (Twitter) Articles, với khả năng giữ nguyên định dạng, xử lý ảnh bìa và chuyển đổi sang rich text. Đây là lựa chọn phù hợp cho những ai cần một hướng dẫn x-article-publisher thực tế để đăng bài qua trình duyệt và tự động hóa quy trình làm việc.

playwright-interactive là một skill tự động hóa trình duyệt cho các phiên Playwright bền vững trong ứng dụng web cục bộ và Electron. Dùng nó để kiểm tra trạng thái giao diện, thử lại các tương tác, và chạy QA chức năng hoặc trực quan mà không cần khởi động lại chuỗi công cụ. Phù hợp khi bạn cần một hướng dẫn playwright-interactive thực tế cho gỡ lỗi lặp lại.

Dùng kỹ năng playwright để tự động hóa một trình duyệt thật ngay từ terminal với một script bọc và `playwright-cli`. Kỹ năng này hợp cho các tác vụ tự động hóa trình duyệt như điều hướng, điền biểu mẫu, chụp ảnh màn hình, tạo snapshot, trích xuất dữ liệu và gỡ lỗi luồng UI. Hãy kiểm tra `npx`, cài đặt kỹ năng, thiết lập `PWCLI`, rồi làm theo quy trình ưu tiên CLI.

azure-microsoft-playwright-testing-ts giúp bạn thiết lập các lần chạy kiểm thử Playwright trên Azure Playwright Workspaces với TypeScript. Dùng khi cần tự động hóa trình duyệt ở quy mô lớn, trình duyệt chạy trên đám mây, tích hợp CI/CD, xác thực Microsoft Entra và báo cáo trong Azure portal. Bao gồm hướng dẫn cài đặt, cấu hình và cách sử dụng.

e2e-testing-patterns là một skill thực tiễn để thiết kế bộ kiểm thử end-to-end đáng tin cậy và chạy nhanh. Dùng skill này để chọn phạm vi kiểm thử cho các luồng quan trọng, giảm tình trạng flake và áp dụng các pattern kiểm thử Playwright hoặc Cypress phù hợp cho tự động hóa sẵn sàng cho CI.