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

0•

Security & Testing

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.

Key Features

010 GitHub stars

02Parallel codebase exploration for routes, UI components, and state management

03Automated UX convention research for standardized page types and patterns

04Comprehensive workflow generation with detailed sub-steps and expected outcomes

05Smart tagging of non-automatable manual steps (e.g., browser permissions)

06Interactive review phase for user approval before writing documentation

Use Cases

01Creating structured blueprints for Playwright or Cypress automation scripts

02Generating full QA documentation and test plans for new web applications

03Auditing existing apps to identify missing user journeys or UX anti-patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add neonwatty/claude-skills browser-workflow-generator

For use in Claude.ai and ChatGPT

Download Skill