testing▌

Generate Playwright tests from scenarios using interactive browser exploration and validation. \n \n Guides you through step-by-step test creation: scenario review, browser exploration, element inspection, interaction validation, and final test generation \n Integrates with Playwright MCP tools to inspect page elements, capture selectors, and validate interactions before writing test code \n Generates TypeScript tests using @playwright/test framework and automatically saves them to the tests dir

Provide systematic methodologies for identifying and exploiting Insecure Direct Object Reference (IDOR) vulnerabilities in web applications. This skill covers both database object references and static file references, detection techniques using parameter manipulation and enumeration, exploitation via Burp Suite, and remediation strategies for securing applications against unauthorized access.

Load with: ui-web.md or ui-mobile.md

Conduct effective usability testing using frameworks from 11 product leaders. \n \n Choose the right test fidelity: fake doors and Wizard of Oz tests for concept validation, prototypes for design feedback, production testing for optimization \n Small sample sizes (10 random users) reveal core friction points; direct observation of user behavior uncovers needs that surveys miss \n Test multiple design options simultaneously to measure relative performance, not single designs in isolation \n Bring

Web scraping for dynamic content, authentication, pagination, and data extraction using Playwright. \n \n Handles JavaScript-rendered sites, login flows, and multi-page navigation with built-in wait strategies and selector management \n Supports headless and visible browser modes, with async patterns for reliable automation across flaky elements \n Extracts data via selectors with JSON output, captures screenshots and PDFs, and manages cookies and sessions per context \n Configure via JSON files

Systematic security testing to identify, exploit, and document vulnerabilities in applications, networks, and infrastructure through simulated attacks.

Write and review React Native component tests using Testing Library v13 and v14. \n \n Covers render patterns, screen queries (getBy/getAllBy/queryBy/findBy variants), Jest matchers, userEvent interactions, fireEvent, and async patterns with version-specific behavior \n Automatically detects your project's RNTL version (v13 for React 18, v14 for React 19+) and applies correct API signatures and sync/async rules \n Provides query priority guidance (getByRole first), interaction best practices (us

Comprehensive backend testing for REST APIs, databases, authentication, and business logic across Jest, Pytest, and Mocha. \n \n Covers unit tests for isolated functions, integration tests for API endpoints, and authentication/authorization flows with detailed examples for Express.js, FastAPI, and other frameworks \n Includes test environment setup, mocking strategies for external dependencies, and database isolation patterns using in-memory or separate test databases \n Provides step-by-step gu

Playwright can record browser interactions as video - perfect for demo footage in Remotion compositions.

Playwright E2E testing specialist for writing maintainable browser tests, debugging flaky tests, and CI/CD integration. \n \n Emphasizes role-based selectors and auto-waiting to avoid brittle tests and arbitrary timeouts \n Provides Page Object Model patterns for test organization, fixture setup, and configuration guidance \n Includes debugging workflow using trace viewer, screenshots, and retry strategies to identify and fix flaky tests \n Covers API mocking, visual regression testing, and para