Generate Playwright tests detecting iOS/mobile UX anti-patterns for CI pipelines.
npx skills add https://github.com/neonwatty/claude-skills --skill mobile-ux-ci
Please help me install this Agent Skill. Skill: mobile-ux-ci Source: https://github.com/neonwatty/claude-skills/tree/main/skills/mobile-ux-ci Command: npx skills add https://github.com/neonwatty/claude-skills --skill mobile-ux-ci
This Skill generates Playwright tests to detect iOS/mobile UX anti-patterns in CI, preventing UX regressions by failing builds when anti-patterns are present.
Use the mobile-ux-ci skill to generate tests for your app. After generation, review the tests in e2e/mobile-ux-patterns.spec.ts and integrate them into your CI workflow as described.
High-intent search queries and answers about installing and using this skill.
Automating mobile UX anti-pattern detection in a CI pipeline involves generating Playwright tests that fail builds when issues like small touch targets or hamburger menus are present. This Skill creates a test suite and configurable CI workflow to prevent UX regressions for mobile web apps.
Playwright can catch iOS mobile web app UX issues in continuous integration including hamburger menus, small touch targets, floating action buttons, and layout problems across navigation, components, and typography. It outputs a test file scaffold to automatically detect these anti-patterns.
Yes, you need an existing Playwright-enabled project with CI integration to use these mobile UX anti-pattern tests. The Skill outputs a mobile-ux-patterns.spec.ts test suite and a CI workflow file that you integrate into your current setup.
The best way to prevent UX regressions for mobile web apps is to generate automated Playwright tests that detect mobile UX anti-patterns within CI pipelines. This approach automatically fails builds when layout, navigation, or touch target issues are introduced.
Yes, you can check for small touch targets and FABs using automated testing by generating Playwright tests specifically designed to detect these mobile UX anti-patterns. The generated test suite integrates into your CI pipeline to flag these components during builds.
Using CI-ready checks for mobile web app anti-patterns prevents UX regressions by automatically failing builds when poor patterns are introduced. It ensures consistent evaluation of touch targets, navigation, and typography across your development workflow.
yoshisadaInstall Playwright and scaffold QA infrastructure with a generated test matrix.
willyu1007Integrate web, API, mobile, and performance tests into GitHub Actions CI pipelines.
TrevorSDetect visual regressions in Svelte UI changes with Playwright screenshots.
TMHSDigitalAudit iOS and Android apps for WCAG violations and screen reader issues.
