What specific flows are covered by this skill?

It covers the full badminton analysis lifecycle: home CTA, upload readiness, clip selection, processing feedback, report rendering, and historical comparisons.

How does it handle fragile DOM structures?

It enforces a selection hierarchy that prioritizes accessible roles and stable test IDs over internal CSS class names or deep DOM paths.

Does it require a live backend to run tests?

No, the skill prioritizes the use of mock APIs and local fixtures to keep tests fast, repeatable, and independent of backend infrastructure.

What mobile environment does this skill target?

It specifically targets mobile-chromium using an iPhone 13 viewport configuration to simulate real-world H5 usage on smartphones.

Badminton Mobile Playwright QA

Name: Badminton Mobile Playwright QA
Author: shaoyikun

byshaoyikun

0•

보안 및 테스팅

Automates mobile-first end-to-end testing for badminton AI analysis flows using Playwright and comprehensive API mocking.

This skill provides a specialized framework for writing and maintaining mobile-first Playwright E2E tests specifically for the badminton AI analysis H5 application. It guides the creation of robust test suites covering the entire user journey—from the initial homepage call-to-action and video upload to candidate clip selection, processing progress, and final report rendering. By prioritizing user-centric selectors (ARIA roles) and standardized API mocking, it ensures that your mobile QA process is stable, repeatable, and decoupled from backend availability while maintaining high confidence in the mobile user experience.

주요 기능

01Advanced selection strategies prioritizing accessibility roles over fragile CSS classes.

02Standardized API mocking patterns using local fixtures to ensure test stability.

030 GitHub stars

04Mobile-first testing optimized for iPhone 13 viewports and mobile-chromium.

05Comprehensive coverage of the badminton analysis pipeline (Upload, Process, Report).

06Visual and layout regression rules for mobile-specific UI shells and scrolling behaviors.

사용 사례

01Validating mobile interaction patterns like fixed CTAs and independent container scrolling.

02Developing new E2E test scenarios for badminton analysis features or UI updates.

03Updating mock API contracts and fixtures to reflect changes in the backend response structure.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shaoyikun/badminton-ai-analysis badminton-playwright-mobile-qa

For use in Claude.ai and ChatGPT

주요 기능

01Advanced selection strategies prioritizing accessibility roles over fragile CSS classes.

02Standardized API mocking patterns using local fixtures to ensure test stability.

030 GitHub stars

04Mobile-first testing optimized for iPhone 13 viewports and mobile-chromium.

05Comprehensive coverage of the badminton analysis pipeline (Upload, Process, Report).

06Visual and layout regression rules for mobile-specific UI shells and scrolling behaviors.

사용 사례

01Validating mobile interaction patterns like fixed CTAs and independent container scrolling.

02Developing new E2E test scenarios for badminton analysis features or UI updates.

03Updating mock API contracts and fixtures to reflect changes in the backend response structure.