UI Verification

Strict verification flow for comparing Flutter UI against Figma or reference designs on real devices. This exists because Claude has a pattern of guessing at UI changes and claiming they match when they don't — this skill forces actual evidence-based comparison.

Before any UI change

1. Confirm branch: Run git branch --show-current — do NOT proceed if on the wrong branch
2. Get the reference: Load the Figma design (via Figma MCP get_design_context) or reference screenshot the user provides
3. Screenshot current state: Take a device screenshot using Mobile MCP or Dart MCP

Making changes

4. List every difference between current state and reference — be specific: padding values, colors, font sizes, alignment, element positions
5. Fix ALL differences in one pass — do not fix one thing and declare success
6. Build and deploy to the target device

After changes