Frontend & Design · Playwright · For developers

Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.

anthropics/skills

Annotate UI screenshots with documentation callouts in Fellyph's established visual style — uniform-width orange arrows with white halos, double-stroke target outlines, numbered callout cards, dim…

WordPress/wordpress-playground

Capture and analyze Chrome/Chromium performance traces with Playwright around a concrete browser interaction.

layoutit/polycss

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Check the visual impact of an edit mid-task with uiverify check — render just the components you're touching on the UI Verify fleet and diff them against the real CI baseline, without opening a PR…

igrlk/storybook-addon-test-codegen

Reproduce a Vaadin web component bug from a GitHub issue in vaadin/web-components.

vaadin/web-components

Capture headless-Chrome screenshots of the tingly-box frontend (running locally in mock mode) so frontend changes can be visually verified in environments without a real browser.

tingly-dev/tingly-box

A skill your agent uses when modifying or visually debugging Nango frontend UI, including packages/webapp, packages/connect-ui, browser interactions, screenshots, and visual regressions.

NangoHQ/nango

Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.

handsontable/handsontable

Dogfood the learn/ course like a new user: docs site walk, fresh clone setup, then Practice and shell steps from each module.

debs-obrien/playwright-movies-app

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…

elastic/kibana

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Capture desktop + mobile, dark + light screenshots of the kube-coder dashboard SPA for visual QA of a UI change.

imran31415/kube-coder

A skill your agent uses when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling…

sanity-io/sanity

Find, install, and configure OpenCode plugins from the catalog or community.

IgorWarzocha/Opencode-Workflows

Onboard a consumer web app to mirroir's .mirroir/ dotfile by EXPLORING the running app (chrome-devtools-mcp) — derive real selectors from the accessibility tree, exercise each surface's primary…

jfarcand/mirroir-mcp

Drive the live debbie.codes Nuxt site (web UI) the way a user does via Playwright — launch the dev server, doctor health, exercise mapped features, capture screenshots/ARIA evidence, and clean up.

debs-obrien/debbie.codes

Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls.

bitovi/ai-enablement-prompts

Live browser QA + Playwright-compatible replay. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

Write E2E tests for BEEQ StencilJS components using @stencil/vitest in browser mode (Playwright/Chromium).

Endava/BEEQ

Captures baseline and current screenshots of the Keybase desktop app and compares them with ImageMagick to find pixel-level regressions between branches or edits.

keybase/client

Conventions for Handsontable's Jest unit and TypeScript type tests: where files go, how to run them, mocking limits and when to write an E2E test instead.

handsontable/handsontable

Guide to Playwright visual regression tests in Handsontable: when a screenshot is justified, the tablePage fixture, naming, reg-suit comparison and demo routes.

handsontable/handsontable

Verify UI/UX by running Playwright tests and reviewing screenshots.

jvm-skills/jvm-skills

Extracts icons, metadata, text, forms, videos and social links from any web page with playwright-cli, with SVG icon classification and cleanup.

adobe/skills

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress…

affaan-m/ECC

Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.

IgniteUI/igniteui-webcomponents

Broad regression QA of the Breeze RMM web UI via Playwright — exercising everyday MSP workflows and setup tasks like a human QA tester, logging functional PASS/FAIL plus UI/UX observations, and…

LanternOps/breeze

Detect DOM elements where CSS contain:layout+style would improve rendering performance.

Comfy-Org/ComfyUI_frontend

How a sentence the user reads is written in Open Screenshot Generator - toasts, dialog titles and bodies, buttons, tooltips (title), aria-labels, placeholders, settings hints, empty states…

dotnetdreamer/open-screenshot-generator

A skill your agent uses when CI is slow (10 min), flaky, or the user asks to optimize GitHub Actions for a frontend project.

mizchi/skills

Internal helper: re-run targeted scans to confirm a fix works at runtime.

Community-Access/accessibility-agents

Perform QA testing on running web applications using cmuxbrowser.

espennilsen/pi

Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation, and cross-browser visual consistency.

proffesor-for-testing/agentic-qe

Use before cutting a Breeze release, or whenever asked to "test everything since the last release", "check what's changed on main in the browser", "boot the stack and verify the merged PRs", or…

LanternOps/breeze

Browser automation, web scraping, E2E testing, and visual regression with Playwright.

EliasOulkadi/shokunin

A skill your agent uses when writing or stabilizing Playwright tests that drive a real browser through multi-step journeys — durable locators, web-first assertions, storageState auth, trace/retries…

ericrisco/rsc-harness

Internal helper: behavioral scans via Playwright for keyboard and state.

Community-Access/accessibility-agents

Operate Vite projects: inspect versions and configuration, run bounded development and production builds, diagnose dependency and asset failures, and configure environment-aware frontend delivery.

magnus919/agent-skills