Chapter 5 - Bug Fixing
Learn to identify, plan, and fix bugs systematically using AI agents through a structured plan-then-act workflow.
- Reading time: 10 minutes
- Practical time: 1-2 hours
Reading
Briefs
Assets
MCP configuration for Angular Signals support:
- Download: 05-bug-fixing.tar.gz
⚠️ Important: Extract and overwrite the configuration files for your chosen tool (Claude Code or Copilot CLI). These assets contain tool-specific settings that should replace any existing configuration in your project.
Development Workflow
Practical
Task: Fix Missing Order Address
Orders are created without delivery addresses. The cart section has no address input field, and the backend uses a workaround to prevent errors.
Your goal: Add address input to the cart UI, send the data to the backend, and remove the workaround.
Steps:
- Plan - Ask the agent to analyze the order creation flow and propose a fix
- Review - Verify the plan addresses root cause, not symptoms
- Build - Create address input field in cart, wire to backend, remove workaround
- Verify - Test manually, add automated tests
What to observe:
- How the agent explores the codebase to understand the bug
- Value of reviewing the plan before executing changes
Need help with Angular Signals? If you or the agent find Angular's new signals syntax confusing, use the MCP configuration from the Assets section.