skills.rest
tan-yong-sheng
tan-yong-shengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-cli-automation

Automate Playwright CLI screenshots, navigation flows, and Lighthouse audits.

72|15|Updated Oct 5, 2025
Search Tags:#automation#accessibility#ui-testing#visual-regression#playwright-cli#qa-workflow#design-eval
One-click install
npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill playwright-cli-automation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-cli-automation
Source: https://github.com/tan-yong-sheng/ai-vision-mcp/tree/main/plugins/design-eval/skills/playwright-cli-automation
Command: npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill playwright-cli-automation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Capture and validate complex UI flows without writing code by orchestrating Playwright CLI commands to automate screenshots, navigation, and audits for design-eval tasks.

Core Features & Use Cases

  • CLI-driven automation: orchestrates full-page captures, Lighthouse audits, and multi-step interactions without custom scripts.
  • Multi-viewport testing: ensures visual consistency across mobile, tablet, and desktop breakpoints.
  • QA & design workflow integration: supports authenticated flows, state persistence, and artifact generation for design reviews.
  • Use Case: imagine a design-eval sprint where you need to verify accessibility and visual consistency across a login flow and settings page for many variants.

Quick Start

Open the Playwright CLI automation workflow and begin capturing full-page screenshots and running Lighthouse audits for your design-eval tasks.

Frequently Asked Questions about playwright-cli-automation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate full-page screenshots without writing custom scripts?▼

You can automate full-page screenshots by orchestrating Playwright CLI commands to capture UI states without writing custom scripts. This approach streamlines design-eval workflows by enabling deterministic, snapshot-friendly captures across multiple viewports.

Can I run Lighthouse audits across different viewports using CLI?▼

Yes, you can run Lighthouse audits at multiple viewports using CLI-driven automation. This ensures visual consistency and accessibility compliance across mobile, tablet, and desktop breakpoints without requiring manual browser configuration.

Does Playwright CLI automation support multi-step authenticated navigation flows?▼

Playwright CLI automation supports multi-step authentication flows by orchestrating navigation and state persistence. It allows users to automate complex login sequences and capture authenticated pages for design reviews and QA workflows.

What is the best way to integrate visual regression testing into a design-eval workflow?▼

The best way to integrate visual regression testing into a design-eval workflow is using deterministic CLI-driven automation to generate full-page captures and artifacts. This enables QA and design teams to verify UI consistency across authenticated flows.

Do I need custom test scripts to perform accessibility audits on web apps?▼

No, you do not need custom test scripts to perform accessibility audits on web apps. By orchestrating Playwright CLI commands, you can automate Lighthouse audits and capture UI states directly, relying on clearly defined inputs and references.

Related Skills

Explore More Design & Creative Skills→
TurnaboutHeroTurnaboutHero
12

playwright-master

Automate browser testing and web scraping with Playwright across Chromium, Firefox, and WebKit.

Community
Intermediate
hmu332233hmu332233

page-compare

Capture and compare full-page screenshots of multiple web pages using Playwright CLI.

Community
Intermediate
AndrewDrygaAndrewDryga
28

release

Create semantic version tags from changelogs and push them to Git.

Community
Advanced
I-SynergyI-Synergy

playwright-tester

Create and execute E2E and UI tests for web applications using Playwright.

Official
Advanced