Skill UI

Browser automation expert for debugging flaky tests and running long-lived scrapers using Playwright/Puppeteer, focusing on robust selectors, auto-waits, isolation, and anti-detection practices.

A specialist skill for writing robust, maintainable, and scalable End-to-End (E2E) tests using Playwright. This guide covers setting up test infrastructure, implementing Page Object Model (POM), using role-based selectors, handling API mocking, and debugging flaky tests. Ideal for integrating quality checks into CI/CD pipelines and performing complex browser automation.

A comprehensive toolkit for automating and testing local web applications using Python and Playwright. It supports complex dynamic interactions, managing server lifecycles, identifying stable selectors, capturing visual evidence (screenshots), and debugging UI behavior. The guides follow a robust 'Reconnaissance-Then-Action' pattern for reliable end-to-end testing.

This guide outlines best practices for creating robust and optimized Zustand stores in TypeScript. It covers fundamental patterns, such as separating state and actions, utilizing `subscribeWithSelector` middleware, and implementing individual selectors to prevent unnecessary re-renders. Essential for building scalable, high-performance frontend applications with React.

AWT provides AI coding tools with the ability to perform sophisticated End-to-End (E2E) web testing using a real browser. It accepts declarative YAML scenarios and executes them via Playwright. Key features include visual matching (OpenCV + OCR) instead of relying on fragile DOM selectors, automatic platform detection (React, Vue, etc.), and structured failure diagnosis for improved AI coding workflows.

This guide addresses the critical difference between standard Node.js SHA3-256 and the Keccak-256 hash function required by Ethereum. Using the wrong hash function can silently corrupt calculated function selectors, event topics, storage slots, and derived addresses. It provides best practices and code examples for using dedicated libraries (like ethers, viem, web3.js) to ensure correct, Ethereum-compliant hashing in JavaScript and TypeScript environments.

This tool automates the process of filling out web forms by accepting a structured field map (field name to value). It intelligently resolves field selectors either by leveraging stored browser templates for known sites or by analyzing the current page's accessibility snapshot. It supports submission and manages PII redaction.

This tool enables web interaction using natural language descriptions instead of complex CSS selectors. By utilizing a specialized page-agent and an LLM-driven tool-call loop, users can simply state their goal (e.g., "Fill the search box with cats and submit"). It is ideal for dynamic web pages, ambiguous structures, or quick, one-shot interactions where robust selector writing is impractical. The system provides graceful degradation if the advanced page-agent is unavailable.

This guide addresses the critical difference between standard Node.js SHA3-256 and the Keccak-256 hash function required by Ethereum. Using the wrong hash function can silently corrupt calculated function selectors, event topics, storage slots, and derived addresses. It provides best practices and code examples for using dedicated libraries (like ethers, viem, web3.js) to ensure correct, Ethereum-compliant hashing in JavaScript and TypeScript environments.