Reproduce Frontend Bug

by QoderAI

Reproduce Frontend Bug is a Quality skill for Claude Code, published by QoderAI in better-harness.

1.9K stars158 forkson QoderAI/better-harnessAdded 2026/08/18+4% in starsRepository updated 2026/08/17

View source on GitHub Download repo ZIP

agent-pluginclaude-codecodexcursorharness-designharness-engineeringloop-engineeringqoderskill

Install in seconds

Install Reproduce Frontend Bug

Copy Reproduce Frontend Bug into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/QoderAI/better-harness/tree/main/case-studies/agent-customize/bug-diagnosis-skills/reproduce-frontend-bug ~/.claude/skills/reproduce-frontend-bug

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/QoderAI/better-harness.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: case-studies/agent-customize/bug-diagnosis-skills/reproduce-frontend-bug/SKILL.md in QoderAI/better-harness
Installs to: ~/.claude/skills/reproduce-frontend-bug
Collection: One of 9 skills cataloged from this repository
Category: Quality — 1354 skills

What Reproduce Frontend Bug does

Reproduce Frontend Bug builds a bounded, replayable browser or UI bug reproduction from GitHub Issues, Jira, Aone, or user-provided exports. Use it for browser, WebView, IDE or desktop UI defects that need evidence-preserving reproduction before diagnosis or repair.

Reproduce Frontend Bug is cataloged under Quality on DirSkills. Reproduce Frontend Bug comes from a repository tagged agent-plugin, claude-code, codex, cursor and harness-design.

Documentation

README

Excerpt

Reproduce Frontend Bug

Operating Boundary

Produce a replayable reproduction package. Do not edit product code, install a browser runner, create a branch, commit, push, update an issue, or create a PR/MR under this Skill. If the user separately authorizes repair or delivery, hand the package to the selected Goal Completion owner and require it to replay the same reproduction.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Reproduce Frontend Bug

What else does QoderAI publish alongside Reproduce Frontend Bug?
Reproduce Frontend Bug is one of 9 skills that DirSkills catalogs from QoderAI/better-harness, the repository it ships in. Its siblings there include Better Harness, Change Traceability Review and Diagnose Backend Bug. Each one is a separate skill with its own page in this directory, installs the same way Reproduce Frontend Bug does, and is maintained by QoderAI in that same repository. The rest of the collection is listed on the QoderAI/better-harness page.
How does Reproduce Frontend Bug compare to other Quality skills?
Reproduce Frontend Bug ranks #568 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Reproduce Frontend Bug against them. Open each page to compare what they document and how they install.