Agent skill
bugfix
Execute a complete bugfix workflow for wouterwisse.com using Opus subagents. Investigates root cause, implements fix, and verifies no regressions.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/bugfix-wouterwisse-wouterwisse-com
SKILL.md
Bugfix Skill - Orchestrator
Orchestrator ONLY spawns Opus subagents and collects summaries. ALL work is delegated.
Critical Rules
- NEVER read files - subagents read files
- NEVER run commands - subagents run commands
- NEVER create commits - subagents create commits
- Orchestrator only: spawns agents, tracks todos, reports summaries
- Always use Opus model for ALL Task agents (
model: "opus")
Phase 0: Setup Subagent
Spawn a single subagent to understand the bug and set up branches:
Task(general-purpose, model: opus):
Parse bug report and set up fix branch.
---
## Tasks
1. **Parse Bug Report**:
- Extract bug summary and symptoms
- Identify affected areas (pages, components, scripts)
- Note reproduction steps (if provided)
- Determine severity and impact
2. **Validate Bug Report**:
- Is it actionable? (clear symptoms, reproducible)
- What areas might be affected?
- Are there related error messages?
3. **Create Fix Branch**:
```bash
git checkout main && git pull && git checkout -b fix/<name>
Output Format
---
BUG_VALID: true | false
QUESTIONS_IF_INVALID: []
BUG_REPORT:
title: "[bug summary]"
symptoms: "[description of what's wrong]"
reproduction_steps: [list, if known]
severity: high | medium | low
AFFECTED_AREAS:
- pages: [list of routes]
- components: [list of components]
- scripts: [scripts affected]
- other: [any other affected areas]
BRANCH_NAME: fix/<name>
---
**If BUG_VALID: false** → Ask user for clarification before proceeding.
---
## Phase 1: Investigation Subagents (Parallel)
Spawn parallel investigation subagents to find root cause:
Task(Explore, model: opus, run_in_background: true): Investigate bug in affected pages and components.
Find:
- Code paths that could cause the reported symptoms
- Recent changes to affected files (git log)
- Similar patterns that might have the same issue
Output the likely root cause locations and evidence.
Task(Explore, model: opus, run_in_background: true): Search for error patterns and edge cases.
Find:
- Error handling in affected areas
- Edge cases that might not be covered
- State management issues
- Async/timing issues
Output findings relevant to the bug.
Task(Explore, model: opus, run_in_background: true): Check for related issues in similar code.
Find:
- Other code using the same patterns
- Whether the bug might exist elsewhere
- Test coverage for affected areas
Output findings and potential regression points.
Wait for all investigation subagents with TaskOutput. Synthesize findings for root cause analysis.
---
## Phase 2: Root Cause Analysis Subagent
Spawn analysis subagent with investigation results:
Task(general-purpose, model: opus):
Analyze investigation findings and create fix plan.
Context
BUG_REPORT: [from Phase 0] INVESTIGATION_FINDINGS: [synthesis from Phase 1] AFFECTED_AREAS: [list]
Requirements
- Determine the root cause with evidence
- Write fix plan to: .claude/plans/.fix.md
- Include:
- Root cause explanation
- Fix approach
- Files to modify
- Regression risks
- Verification steps
Output Format
---
ROOT_CAUSE: "[clear explanation of what causes the bug]"
PLAN_FILE: .claude/plans/<name>.fix.md
FIX_STEPS:
- id: fix-1
content: "[what to fix]"
files: [list of files]
regression_risk: low | medium | high
VERIFICATION_STEPS:
- "[how to verify the fix works]"
---
---
## Phase 3: Review Subagent
Spawn review subagent to validate fix plan:
Task(general-purpose, model: opus):
Review fix plan for completeness and correctness.
Tasks
-
Read: .claude/plans/.fix.md
-
Validate:
- Root cause is correctly identified
- Fix addresses the root cause (not just symptoms)
- All affected files are included
- Regression risks are identified
- Verification steps are complete
-
If issues found: FIX THEM directly in the plan file
Output Format
---
REVIEW_RESULT: APPROVED | NEEDS_REVISION
CHANGES_MADE: [list of changes, if any]
---
---
## Phase 4: Implementation Subagents
Execute fix steps by invoking `/task` skill. For simple fixes (1-2 steps), run sequentially. For larger fixes, analyze dependencies for wave-based execution.
For EACH fix step, spawn subagent that invokes `/task`:
Task(general-purpose, model: opus):
Execute fix step by invoking /task skill.
Step Details
STEP_ID: [from plan] CONTENT: [fix description from plan] ROOT_CAUSE: [context about what we're fixing]
Workflow
-
Invoke the /task skill:
Skill(task)Pass these details to /task:
- TASK: [CONTENT from step details]
- Context: This is a bugfix for [ROOT_CAUSE]
- Note: /task will handle quality checks and commit
-
After /task completes, return the result.
Output Format
---
STEP_ID: [id]
STATUS: SUCCESS | FAILURE
COMMIT: [short hash from /task]
FILES_CHANGED: [list from /task]
BUILD: PASSED | FAILED
LINT: PASSED | FAILED
ERRORS: [if FAILURE]
---
---
## Phase 5: Verification Subagents (Parallel)
Spawn parallel verification subagents:
Task(general-purpose, model: opus, run_in_background: true):
Verify the bug is fixed.
Verification Tasks
- Check that the original bug symptoms are resolved
- Run through reproduction steps (if applicable)
- Verify the fix addresses root cause
Output Format
---
BUG_FIXED: true | false
VERIFICATION_EVIDENCE: "[how we know it's fixed]"
---
Task(general-purpose, model: opus, run_in_background: true):
Check for regressions and code quality.
Checks
-
TypeScript strict compliance: npx tsc --noEmit
-
Lint compliance: npm run lint
-
Build passes: npm run build
-
No forbidden patterns: grep -rn 'console.log|TODO|FIXME' --include='.ts' --include='.tsx' src/
Output Format
---
STATUS: PASSED | FAILED
BUILD: PASSED | FAILED
LINT: PASSED | FAILED
REGRESSIONS_FOUND: [list if any]
---
**Both must pass before proceeding.**
---
## Phase 6: Completion Subagent
Spawn completion subagent:
Task(general-purpose, model: opus):
Finalize bugfix implementation.
Context
BRANCH_NAME: [from Phase 0] PLAN_FILE: .claude/plans/.fix.md BUG_TITLE: [from Phase 0] ROOT_CAUSE: [from Phase 2]
Tasks
-
Final validation:
- Build passes
- No uncommitted changes
- Bug is verified fixed
-
Push fix branch:
bashgit push -u origin [branch] -
Create PR:
bashgh pr create --base main --title "fix: [title]" --body "## Summary Fixes: [bug description] ## Root Cause [root cause explanation] ## Changes [bullets describing the fix] ## Test Plan - [ ] Build passes - [ ] TypeScript strict mode passes - [ ] Lint passes - [ ] Bug no longer reproduces - [ ] No regressions observed" -
DELETE plan file (MANDATORY):
bashrm -f .claude/plans/<name>.fix.md
Output Format
---
STATUS: COMPLETE
PR_URL: [url]
PLAN_DELETED: true
---
---
## Phase 7: Report to User
Summarize all results:
```markdown
## Bugfix Complete
**Bug**: [title]
### Root Cause
[brief explanation]
### Fix Applied
- Files changed: [list]
- Commits: X
### Verification
- Bug fixed: YES
- Build: PASSED
- TypeScript: PASSED
- Lint: PASSED
- Regressions: None found
### PR Created
[url]
### Next Steps
1. Review the PR
2. Run `/fix-pr` to address review comments
3. Merge when ready
Progress Tracking
Use TodoWrite throughout:
todos:
- content: "Parse bug and setup branch"
status: completed
- content: "Investigate root cause"
status: completed
- content: "Create fix plan"
status: completed
- content: "Review fix plan"
status: completed
- content: "Implement fix"
status: in_progress
- content: "Verify fix and check regressions"
status: pending
- content: "Create PR"
status: pending
Key Principles
- Orchestrator is minimal - only spawns and collects
- Root cause first - understand before fixing
- Fix the cause, not symptoms - avoid band-aid solutions
- Verify thoroughly - confirm fix works, no regressions
- Each step uses /task - consistent implementation workflow
- Clean completion - plan files deleted, PRs created
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?