Frontend & Design · Playwright

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

Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke checks, form and auth-flow interaction…

affaan-m/ECC

Entry point to a bundle of product design workflows covering context, research, audits, ideation, URL or image to code, design QA and sharing a prototype.

XiaomiMiMo/MiMo-Code

Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data packs.

lintendo/Axhub-Skills

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

A skill your agent uses when a task changes any screen, form, dialog, menu or control - Lighthouse/axe scan of the changed screens, a keyboard walk, and the thresholds that fail a task

makifbaysal/tasktrooper

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

Design and build cinematic, award-level web pages. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

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

Comfy-Org/ComfyUI_frontend

Automated UI/UX + accessibility audit for the ClickHouse Monitor dashboard (apps/dashboard-tsr).

chmonitor/chmonitor

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

jezweb/claude-skills

Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations.

jezweb/claude-skills

Generate marketing screenshots of your app using Playwright.

aiskillstore/marketplace

Build and verify interactive HTML experiences in Web Studio's live, sandboxed preview.

autonomous-ai/openharness

Generate marketing screenshots with Playwright. An agent skill from nexu-io/open-design.

nexu-io/open-design

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

Validate WCAG compliance and accessibility standards (ARIA, keyboard navigation).

jeremylongshore/tons-of-skills-marketplace

Playwright-based visual validation procedure for Envilder website changes.

macalbert/envilder

Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep.

daymade/claude-code-skills

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

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

Make UIs responsive across all devices and verify responsiveness using Playwright.

bitovi/ai-enablement-prompts

Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running a pixel-level image diff, and reporting results to guide style and HTML…

bitovi/ai-enablement-prompts

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

Reviews the design of an existing Power Pages site - a live URL or a local project folder - and recommends what to change, without modifying anything.

microsoft/power-platform-skills

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

Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI.

CraftOS-dev/CraftBot

Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the…

spencerpauly/awesome-cursor-skills

Standardizes visual audits, responsive design, and behavioral testing for web apps.

HoangNguyen0403/agent-skills-standard

Build and maintain web frontends — component architecture, state management, API integration, responsive layout, client-side performance, and frontend testing patterns.

magnus919/agent-skills

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the…

magnus919/agent-skills

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

결정론적(no-LLM) 디자인 안티패턴 린터. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace