with one click
e2e-testing
End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.
Menu
End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.
Based on SOC occupation classification
Optimize pull requests for quick approval and merging by ensuring clean diffs, comprehensive self-reviews, and structured documentation.
Frontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web UI (components, pages, dashboards, React/Vue/HTML-CSS) or when the user says "make this look better", "fix the spacing/layout", or mentions styling, color, type, or polish.
Render the UI and prove it's balanced + usable: a deterministic layout audit (centroid / optical-center / pixel-oracle balance via explicit math + annotated screenshot) plus a vision-judged Nielsen usability audit by a separate fresh-eyes judge. The measurement layer taste-only design skills lack.
Automated visual tuning: a vision or video model rates rendered variants in a loop. Render several labeled variants into one artifact, ask the model to rate them and suggest better values, render the suggestions, ask it to pick the best, repeat until good — the model is the eye, you run the loop.
Human-in-the-loop web studio to tune AI-generated output by eye. Stand up a local interactive studio (sliders, pickers, drag handles) or an inline edit/highlight/comment annotation studio for prose & media, instead of guessing values or shipping a static comparison grid.
macOS screen recorder that captures the main display PLUS system audio via ScreenCaptureKit — no BlackHole/loopback driver, no sudo, just the standard Screen Recording permission. CLI-driven; fills the headless-screen-recording-with-system-sound gap QuickTime and `screencapture -v` can't.
| name | e2e-testing |
| description | End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration. |
| category | granular-workflow-bundle |
| risk | safe |
| source | personal |
| date_added | 2026-02-27 |
Specialized workflow for end-to-end testing using Playwright including browser automation, visual regression testing, cross-browser testing, and CI/CD integration.
Use this workflow when:
playwright-skill - Playwright setupe2e-testing-patterns - E2E patternsUse @playwright-skill to set up Playwright testing
e2e-testing-patterns - Test patternstest-automator - Test automationUse @e2e-testing-patterns to design E2E test strategy
playwright-skill - Playwright testswebapp-testing - Web app testingUse @playwright-skill to write E2E test scripts
browser-automation - Browser automationplaywright-skill - Playwright featuresUse @browser-automation to automate browser interactions
playwright-skill - Visual testingui-visual-validator - Visual validationUse @playwright-skill to implement visual regression testing
playwright-skill - Multi-browserwebapp-testing - Browser testingUse @playwright-skill to run cross-browser tests
github-actions-templates - GitHub Actionscicd-automation-workflow-automate - CI/CDUse @github-actions-templates to integrate E2E tests with CI
testing-qa - Testing workflowdevelopment - Developmentweb-performance-optimization - Performance