This skill should be used when reproducing and investigating a bug using logs, console inspection, and browser screenshots.
60
76%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
Low
Low-risk findings worth noting
Fix and improve this skill with Tessl
tessl review fix ./.agents/skills/03-plan/reproduce-bug/SKILL.mdLook at github issue #$ARGUMENTS and read the issue description and comments.
When I report a bug, don't start by trying to fix it. Instead, start by writing a test that reproduces the bug. Then, have subagents try to fix the bug and prove it with a passing test.
Run the following agents in parallel to investigate the bug:
Think about the places it could go wrong looking at the codebase. Look for logging output we can look for.
Run the agents again to find any logs that could help us reproduce the bug.
Keep running these agents until you have a good idea of what is going on.
If the bug is UI-related or involves user flows, use Playwright to visually reproduce it:
mcp__plugin_compound-engineering_pw__browser_navigate({ url: "http://localhost:3000" })
mcp__plugin_compound-engineering_pw__browser_snapshot({})If server not running, inform user to start bin/dev.
Based on the issue description, navigate to the relevant page:
mcp__plugin_compound-engineering_pw__browser_navigate({ url: "http://localhost:3000/[affected_route]" })
mcp__plugin_compound-engineering_pw__browser_snapshot({})Take screenshots at each step of reproducing the bug:
mcp__plugin_compound-engineering_pw__browser_take_screenshot({ filename: "bug-[issue]-step-1.png" })Reproduce the exact steps from the issue:
Read the issue's reproduction steps
Execute each step using Playwright:
browser_click for clicking elementsbrowser_type for filling formsbrowser_snapshot to see the current statebrowser_take_screenshot to capture evidenceCheck for console errors:
mcp__plugin_compound-engineering_pw__browser_console_messages({ level: "error" })When you reproduce the bug:
mcp__plugin_compound-engineering_pw__browser_take_screenshot({ filename: "bug-[issue]-reproduced.png" })Reference Collection:
app/services/example_service.rb:42)Add a comment to the issue with:
marchatton/agent-skills
a0eadb2
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.