frontend-bug-verification
CommunityDebug 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.