Visual Edit Precision

Overview

When visual context accompanies a change request (element selections, annotations, screenshots), make targeted, minimal edits. Precision over ambition: change exactly what was indicated, preserve everything else.

Process

When visual context is provided:

1. IDENTIFY - What exact element(s) were indicated? Which component file owns them?
2. SCOPE - Change ONLY what was pointed at. Don't refactor surrounding code.
3. PRESERVE - Keep existing styles, classes, and behavior. Only modify what was asked.
4. TARGETED - Make the minimal CSS/markup change that achieves the visual result.
5. VERIFY - Confirm the change renders correctly without side effects.

Key Principles

Precision Over Ambition