Can it evaluate mobile responsiveness?

Yes, the UX evaluation phase specifically checks for layout issues across different viewport widths and identifies mobile-only anti-patterns.

Does it require a specific browser setup?

Yes, it utilizes the Claude-in-Chrome MCP to control a real browser instance, allowing it to interact with elements, scroll, drag, and capture screenshots like a real user.

What is included in the generated reports?

The skill generates Markdown and HTML reports that include step-by-step success/failure logs, UX evaluations, console errors, and side-by-side before/after screenshots of any fixes.

How does the skill know which workflows to run?

It reads structured workflow definitions from the /workflows/browser-workflows.md file in your repository, parsing each entry starting with the '## Workflow:' header.

Can it automatically fix the bugs it finds?

Yes, in Fix Mode, it spawns specialized sub-agents to analyze the codebase, implement CSS or HTML fixes, and run local test suites to verify the resolution before creating a PR.

Browser Workflow Executor

Name: Browser Workflow Executor
Author: neonwatty

byneonwatty

브라우저 자동화

Automates browser-based user journey testing and UX auditing with integrated issue fixing and visual reporting.

소개

This skill transforms Claude into a methodical QA engineer capable of executing complex web workflows defined in your project. Using Chrome automation, it navigates pages, captures before-and-after screenshots, and evaluates interfaces against modern web platform conventions. Beyond identifying bugs, the skill can spawn specialized sub-agents to fix UI/UX issues, run local verification tests, and generate comprehensive HTML reports with visual evidence, ensuring high-quality frontend experiences and accessibility compliance.

주요 기능

Multi-agent fix mode for parallel resolution of identified UI/UX issues
Intelligent UX auditing against web platform standards and accessibility
0 GitHub stars
Visual evidence capture with automated before-and-after screenshot management
Automated step-by-step workflow execution from Markdown definitions
Comprehensive HTML report generation with visual diffs and technical logs

사용 사례

Accessibility and web platform compliance auditing for frontend applications
Automated UI bug discovery and resolution with verified visual evidence
Regression testing of critical user paths during development cycles

소개

주요 기능

Multi-agent fix mode for parallel resolution of identified UI/UX issues
Intelligent UX auditing against web platform standards and accessibility
0 GitHub stars
Visual evidence capture with automated before-and-after screenshot management
Automated step-by-step workflow execution from Markdown definitions
Comprehensive HTML report generation with visual diffs and technical logs

사용 사례

Accessibility and web platform compliance auditing for frontend applications
Automated UI bug discovery and resolution with verified visual evidence
Regression testing of critical user paths during development cycles