Skills
.Work. You
Rest

web-mobile-workflow

Community

Generate mobile QA workflows from code

Software Engineering#playwright#ui verification#qa automation#touch UX#route discovery#mobile workflow#ios-hig
AuthorElvinOuyang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes guesswork from mobile-browser testing by turning an app’s codebase plus a live mobile walkthrough into step-by-step, executable workflow documentation for Playwright.

Core Features & Use Cases

  • Deep codebase exploration: Identifies routes, navigation patterns, interactive UI components, and state/data flows without using browser automation during analysis.
  • Mobile live walkthrough (393x852): Uses Playwright in a mobile viewport to co-author workflow steps with screenshots at each transition for verification.
  • Mobile UX guardrails: Flags iOS HIG and common mobile UX anti-patterns, including touch target sizing and viewport-related rendering concerns.
  • Workflow outputs for automation: Produces numbered markdown workflow files that can feed downstream mobile converters and Playwright runners.

Quick Start

Ask the skill to generate mobile workflows for your app, then provide the app URL so it can run the 393x852 Playwright walkthrough and capture screenshots for each step.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-mobile-workflow
Download link: https://github.com/ElvinOuyang/claude-skill-collection/archive/main.zip#web-mobile-workflow

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.