Verify frontend user flows with Playwright visual and functional QA checks.
npx skills add https://github.com/luyzkk/Anti-Vibe-Coding --skill qa-visual-luyzkk
Please help me install this Agent Skill. Skill: qa-visual Source: https://github.com/luyzkk/Anti-Vibe-Coding/tree/main/skills/qa-visual Command: npx skills add https://github.com/luyzkk/Anti-Vibe-Coding --skill qa-visual-luyzkk
QA Visual verifies that a frontend feature works correctly for real users by validating what renders and how people can navigate and interact, not just that unit tests pass.
Run qa-visual for your app URL and confirm the planned user flow when prompted.
High-intent search queries and answers about installing and using this skill.
Visual QA catches UI regressions by running real-browser checks against an expected user flow using Playwright. It captures screenshots and accessibility snapshots to detect layout, rendering, and interaction issues, ensuring frontend correctness for real users.
Frontend correctness is validated by executing end-to-end user workflows with Playwright. This process checks layout, interactions, network behavior, and console errors, verifying that the application works as users experience it rather than just passing unit tests.
Playwright checks network requests and console errors during user flow execution. The QA process surfaces unexpected 4xx/5xx network responses and evaluates console errors by severity, providing structured quality signals beyond basic UI rendering.
Automating accessibility and responsiveness checks is handled by evaluating semantic structure and keyboard navigation during real-browser QA. The process performs interactive steps with Playwright tools and records snapshots after meaningful changes to validate UI regressions.
To start visual QA, you need to provide a test URL and confirm the planned user flow when prompted. The tool then captures initial snapshots and screenshots, executing interactive steps to validate network, console, and accessibility behavior.
Unit tests pass but UI breaks occur when visual and functional regressions happen in real browsers. Real-browser visual QA verifies what renders and how people navigate, checking layout, interactions, and network behavior to catch issues unit tests miss.
rodoHasArrivedExplore website workflows via Playwright and generate test cases.
joelklaboDiagnose Chrome DevTools errors and UX regressions in the upload-to-convert flow.
EvanZhang008Orchestrate Playwright, API, and unit tests to verify Walnut features end-to-end.
petrSimonidesXartExecute automated end-to-end browser journeys against deployed applications.
