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.

Use Firecrawl API to crawl deep web pages, interact (click, scroll), capture screenshots, parse PDFs, and batch scrape content for research or automation workflows.

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.

Runs Playwright suites across Chromium, Firefox, and WebKit plus mobile emulators to detect CSS, JS, and layout incompatibilities and produce reports/screenshots for cross-browser validation.

Automates iOS/Android app test efforts using Appium, Detox, XCUITest, Espresso, and Maestro workflows to validate gestures, permissions, screenshots, and CI pipelines for reliable delivery.

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 robust methodology for performing end-to-end UI testing and verification on Android emulators. Utilizing ADB commands, users can autonomously inspect UI element bounds (via uiautomator), simulate interactions (taps, swipes, input text), and capture visual/analytical screenshots. It is ideal for verifying UI changes in React Native or native Android applications, speeding up the debugging process, and generating comprehensive documentation for pull requests.

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.

Step-by-step guide for using URLScan.io via web UI and API to investigate phishing and credential-harvesting URLs, capture page screenshots, DOM, network logs, and certificates, extract IOCs, and correlate results with VirusTotal, PhishTank, and Google Safe Browsing while keeping analysts isolated.