skills.rest
neonwatty
neonwattyCOMMUNITY
Explore all skills by this author →
Website𝕏@neonwattyGitHub

mobile-browser-workflow-generator

Generate mobile browser workflow documentation for Chrome QA testing.

23|1|Updated Jan 7, 2026
Search Tags:#automation#workflow#testing#qa#mobile#ios#playwright-mcp
One-click install
npx skills add https://github.com/neonwatty/claude-qa-skills --skill mobile-browser-workflow-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-browser-workflow-generator
Source: https://github.com/neonwatty/claude-qa-skills/tree/main/skills/mobile-browser-workflow-generator
Command: npx skills add https://github.com/neonwatty/claude-qa-skills --skill mobile-browser-workflow-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps QA teams generate, update, and organize comprehensive mobile browser workflow documentation for testing web apps in Chrome with iPhone-like viewport emulation. It deeply explores the target web app to uncover pages, UI components, and interactions, producing structured, testable workflows that align with iOS UX expectations.

Core Features & Use Cases

  • Generates complete, numbered mobile workflows with substeps covering user journeys for iPhone 15 Pro viewport (393x852).
  • Integrates with Playwright MCP to execute, verify results, and iterate on workflows.
  • Supports drafting multiple core, feature, and edge-case journeys and updating them as the app evolves.
  • Provides iOS UX alignment guidance and anti-pattern checks to ensure a native feel.

Quick Start

Tell me to generate mobile browser workflows for your web app to begin the exploration and draft the initial workflow documents.

Frequently Asked Questions about mobile-browser-workflow-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate mobile browser workflows for QA testing?▼

You generate mobile browser workflows by exploring a web app in a Chrome mobile viewport to map pages, UI components, and interactions. This produces structured, testable workflows aligned with iOS UX expectations.

Can I use Playwright MCP to automate iOS-like workflow discovery?▼

Yes, Playwright MCP executes, verifies results, and iterates on mobile browser workflows. It enforces structured generation and task-based progress tracking to produce ready-to-approve QA documentation.

Does this mobile testing approach support iPhone viewport emulation?▼

Yes, mobile testing supports iPhone 15 Pro viewport emulation at 393x852 resolution. It generates numbered workflows with substeps covering core, feature, and edge-case user journeys for this specific viewport.

What is the best way to document edge-case user journeys for mobile web apps?▼

The best way to document edge-case journeys is through structured workflow generation that analyzes data and state alongside iOS HIG research. This provides ready-to-approve documentation with anti-pattern checks for a native feel.

Do I need iOS HIG research to align mobile web app testing workflows?▼

You need iOS HIG research to ensure mobile web app workflows maintain a native feel. It provides UX alignment guidance and anti-pattern checks across all generated core, feature, and edge-case journeys.

When should I update mobile browser workflow documentation?▼

You should update mobile browser workflow documentation as your web app evolves. This ensures end-to-end workflow discovery, UI component mapping, and data state analysis remain accurate for ongoing QA testing.

Related Skills

Explore More Software Engineering Skills→
cloud-native-toolscloud-native-tools

extension-e2e-test

Automate Chrome Manifest V3 extension end-to-end tests with Playwright.

Official
Advanced
AI-Foundry-CoreAI-Foundry-Core
4

user-journey-mapping

Translate PRDs into structured user journey maps with states and KPIs.

Official
Advanced
Project-X-VietnamProject-X-Vietnam
1

web-test

Execute browser-based QA tests with Playwright MCP across multiple viewport sizes.

Official
Intermediate
Roy-wonjiRoy-wonji

ios-design-consultant

Advise iOS app UX layouts using Liquid Glass principles and iOS 26+ HIG rules.

Community
Intermediate