Frontend & Design · Playwright

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

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design

Builds an academic conference poster as a single HTML and CSS file with measurement-based gates, real paper figures and a print-ready PDF rendered through headless Chromium.

wanshuiyin/Auto-claude-code-research-in-sleep

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

Batch-scan Langflow frontend routes for accessibility issues using the Python IBM Equal Access scanner (scripts/a11y/a11yscan.py) and produce JSON/Markdown/HTML reports.

langflow-ai/langflow

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

senlindesign/taste-skill

Reference guide for writing and running Langflow frontend accessibility tests with axe (Jest) and IBM Equal Access (Playwright page.runA11yScan).

langflow-ai/langflow

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright.

elvisun/newsjack

A skill your agent uses when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts.

millionco/expect

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

Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element.

avelikiy/great_cto

Check that a web page you wrote or changed actually works, by opening it in a browser and driving every control on it.

awss1i/assay

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

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI.

cursor/plugins

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

Chinese-language final-check method for UI visual changes before delivery, using multi-theme screenshot matrices, pixel-level evidence and a CSS cascade checklist.

huiliyi37/Tianshu-harness

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

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

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

fullstackhero/dotnet-starter-kit

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

Test for WCAG 2.2 AA compliance with axe-core + Playwright, keyboard navigation audits, screen reader testing, ARIA pattern validation, and legal compliance mapping (ADA, EAA, Section 508).

petrkindlmann/qa-skills

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

IgorWarzocha/Opencode-Workflows

Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need.

plugin87/ux-ui-agent-skills

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

Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery.

SourceWeft/SourceWeft

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

Accessibility testing for web applications using Playwright (@playwright/test), TypeScript, and axe-core.

fugazi/test-automation-skills-agents

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

bitovi/ai-enablement-prompts

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

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

VKirill/claude-lane-stack

Reverse-engineer a design system from a live website (public URL or localhost).

espennilsen/pi

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

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

lintendo/Axhub-Skills