How does it handle interactions that can't be automated?

The skill identifies actions like file downloads or browser permission prompts and marks them with a [MANUAL] tag to ensure testers know where human intervention is required.

Can I modify the workflows before they are saved?

Yes, the skill includes a mandatory review phase using the AskUserQuestion tool, allowing you to approve, modify, or request additions before the file is written.

What exactly is a browser workflow in this context?

A browser workflow is a detailed, step-by-step sequence describing how a user interacts with a specific feature, including specific UI actions, expected outcomes, and navigation paths.

Does this skill support modern frameworks like React and Next.js?

Yes, the exploration agents are designed to recognize routing and component patterns across all major web frameworks including React, Next.js, Vue, and Svelte.

Browser Workflow Generator

Name: Browser Workflow Generator
Author: neonwatty

byneonwatty

セキュリティとテスト

Automatically explores codebases to generate comprehensive, testable user journey documentation and QA workflows.

概要

The Browser Workflow Generator skill acts as an automated Senior QA Engineer within Claude Code. It deep-dives into your application's architecture using parallel subagents to identify routes, interactive components, and data states. By cross-referencing your app's structure with modern UX standards, it produces a standardized 'browser-workflows.md' file that maps out core journeys, feature flows, and edge cases, providing a structured foundation for both manual testing and automated E2E script development.

主な機能

0 GitHub stars
Parallel codebase exploration for routes, UI components, and state management
Automated UX convention research for standardized page types and patterns
Comprehensive workflow generation with detailed sub-steps and expected outcomes
Smart tagging of non-automatable manual steps (e.g., browser permissions)
Interactive review phase for user approval before writing documentation

ユースケース

Creating structured blueprints for Playwright or Cypress automation scripts
Generating full QA documentation and test plans for new web applications
Auditing existing apps to identify missing user journeys or UX anti-patterns

概要

主な機能

0 GitHub stars
Parallel codebase exploration for routes, UI components, and state management
Automated UX convention research for standardized page types and patterns
Comprehensive workflow generation with detailed sub-steps and expected outcomes
Smart tagging of non-automatable manual steps (e.g., browser permissions)
Interactive review phase for user approval before writing documentation

ユースケース

Creating structured blueprints for Playwright or Cypress automation scripts
Generating full QA documentation and test plans for new web applications
Auditing existing apps to identify missing user journeys or UX anti-patterns