Skill UI

Controls Chrome via the DevTools MCP to navigate pages, interact with elements, inspect console and network data, capture snapshots/screenshots, and record performance traces for live web debugging and profiling tasks.

Automates cross-browser compatibility verification by orchestrating BrowserStack, Selenium Grid, or Playwright runs across Chrome, Firefox, Safari, and Edge, capturing screenshots/logs and producing a report when requested via `/browser-test`/`/bt` to confirm web app behavior across devices.

Controls headful browsers via a CLI that runs sandboxed JavaScript, keeping page state persistent while navigating, form-filling, screenshots, scraping, or web testing flows.

Guides use of the Figma MCP server to pull design context, screenshots, variables, and assets, then convert nodes into production-ready code following project conventions and validation steps.

This skill provides deep web scraping capabilities, allowing users to extract complex content, take screenshots, and parse PDFs from web pages. It handles advanced interactions like clicking and scrolling, making it ideal for detailed data gathering, batch URL processing, and complex web content analysis.

Runs automated visual regression tests via Percy, Chromatic, or BackstopJS to capture component or page screenshots, compare them against baselines, and flag unintended UI changes during feature updates or CI/CD runs.

Automates the generation of professional, high-resolution marketing screenshots for your web application using Playwright. This skill guides you through the entire process, from gathering user requirements (product hunt, social media, documentation) to deep code analysis (routes, components). It ensures comprehensive coverage of key features, providing marketing-ready assets for your product launch or documentation.

This skill guides the detection of unintended visual changes in user interface (UI) components. It works by capturing screenshots and performing pixel-by-pixel comparisons against approved baselines. It is essential for ensuring UI consistency across code changes, responsive breakpoints, and differing environments. Supports modern tools like Playwright, Percy, and BackstopJS.

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 skill provides a comprehensive framework for performing end-to-end UI testing and verification on Android emulators. It guides users through systematic processes including device calibration, UI element discovery using uiautomator, performing complex interactions (tap, swipe, input), and robust reporting via visual screenshots and logcat analysis. Ideal for ensuring the stability and functional correctness of React Native or native Android applications.

Creates a Next.js page that renders App Store screenshots as marketing ads, exports Apple‑sized images via html-to-image, and supports branded styling, locale tabs, and reusable theme presets for iOS listings.

This agent facilitates comprehensive debugging and testing of iOS applications running on a simulated environment. It leverages XcodeBuildMCP to manage the entire lifecycle, including building, running, interacting with the UI (tap, type, gesture), taking screenshots, and capturing detailed runtime logs. Use it whenever you need to simulate real-world app testing or diagnose issues on a booted simulator.