frontend-bug-verification

Community

Debug frontend bugs with dual worktrees.

AuthorYoungger9765
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of verifying frontend bug fixes by running both the buggy and fixed versions of the application simultaneously in isolated environments, ensuring bugs are truly resolved before merging.

Core Features & Use Cases

  • Simultaneous Environment Testing: Compares the buggy state (detached HEAD of the commit before the fix) against the fixed state (feature branch) using Git worktrees.
  • Automated Verification: Executes Playwright tests on both environments to capture BEFORE and AFTER screenshots, ensuring the bug is reproducible and then fixed.
  • Use Case: When a bug is reported on GitHub, this Skill can be invoked to automatically set up local environments, run reproduction steps, capture evidence, and create a Pull Request with verification details.

Quick Start

Use the frontend-bug-verification skill to verify bug fix for GitHub issue number 123.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: frontend-bug-verification
Download link: https://github.com/Youngger9765/career-creator/archive/main.zip#frontend-bug-verification

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 223,000+ vetted skills library on demand.