refactor(skills): migrate commands to skills directory structure
Move all 27 command .md files from commands/ to skills/*/SKILL.md format. Claude Code 2.1.3+ merged commands and skills - both create slash commands and work identically. Skills add optional features like supporting files and automatic context loading. - commands/ce/*.md -> skills/ce-*/SKILL.md - commands/workflows/*.md -> skills/workflows-*/SKILL.md - commands/*.md -> skills/*/SKILL.md - Update plugin.json and marketplace.json descriptions - Update CLAUDE.md directory structure docs - Update deploy-docs and generate_command references Fixes #116 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
committed by
Matt Van Horn
parent
e426799f85
commit
3e99c11c0b
100
plugins/compound-engineering/skills/reproduce-bug/SKILL.md
Normal file
100
plugins/compound-engineering/skills/reproduce-bug/SKILL.md
Normal file
@@ -0,0 +1,100 @@
|
||||
---
|
||||
name: reproduce-bug
|
||||
description: Reproduce and investigate a bug using logs, console inspection, and browser screenshots
|
||||
argument-hint: "[GitHub issue number]"
|
||||
disable-model-invocation: true
|
||||
---
|
||||
|
||||
# Reproduce Bug Command
|
||||
|
||||
Look at github issue #$ARGUMENTS and read the issue description and comments.
|
||||
|
||||
## Phase 1: Log Investigation
|
||||
|
||||
Run the following agents in parallel to investigate the bug:
|
||||
|
||||
1. Task rails-console-explorer(issue_description)
|
||||
2. Task appsignal-log-investigator(issue_description)
|
||||
|
||||
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.
|
||||
|
||||
## Phase 2: Visual Reproduction with Playwright
|
||||
|
||||
If the bug is UI-related or involves user flows, use Playwright to visually reproduce it:
|
||||
|
||||
### Step 1: Verify Server is Running
|
||||
|
||||
```
|
||||
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`.
|
||||
|
||||
### Step 2: Navigate to Affected Area
|
||||
|
||||
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({})
|
||||
```
|
||||
|
||||
### Step 3: Capture Screenshots
|
||||
|
||||
Take screenshots at each step of reproducing the bug:
|
||||
|
||||
```
|
||||
mcp__plugin_compound-engineering_pw__browser_take_screenshot({ filename: "bug-[issue]-step-1.png" })
|
||||
```
|
||||
|
||||
### Step 4: Follow User Flow
|
||||
|
||||
Reproduce the exact steps from the issue:
|
||||
|
||||
1. **Read the issue's reproduction steps**
|
||||
2. **Execute each step using Playwright:**
|
||||
- `browser_click` for clicking elements
|
||||
- `browser_type` for filling forms
|
||||
- `browser_snapshot` to see the current state
|
||||
- `browser_take_screenshot` to capture evidence
|
||||
|
||||
3. **Check for console errors:**
|
||||
```
|
||||
mcp__plugin_compound-engineering_pw__browser_console_messages({ level: "error" })
|
||||
```
|
||||
|
||||
### Step 5: Capture Bug State
|
||||
|
||||
When you reproduce the bug:
|
||||
|
||||
1. Take a screenshot of the bug state
|
||||
2. Capture console errors
|
||||
3. Document the exact steps that triggered it
|
||||
|
||||
```
|
||||
mcp__plugin_compound-engineering_pw__browser_take_screenshot({ filename: "bug-[issue]-reproduced.png" })
|
||||
```
|
||||
|
||||
## Phase 3: Document Findings
|
||||
|
||||
**Reference Collection:**
|
||||
|
||||
- [ ] Document all research findings with specific file paths (e.g., `app/services/example_service.rb:42`)
|
||||
- [ ] Include screenshots showing the bug reproduction
|
||||
- [ ] List console errors if any
|
||||
- [ ] Document the exact reproduction steps
|
||||
|
||||
## Phase 4: Report Back
|
||||
|
||||
Add a comment to the issue with:
|
||||
|
||||
1. **Findings** - What you discovered about the cause
|
||||
2. **Reproduction Steps** - Exact steps to reproduce (verified)
|
||||
3. **Screenshots** - Visual evidence of the bug (upload captured screenshots)
|
||||
4. **Relevant Code** - File paths and line numbers
|
||||
5. **Suggested Fix** - If you have one
|
||||
Reference in New Issue
Block a user