debug-visual

Visual debugging from screenshots captures app screens and applies multimodal vision analysis to detect layout, typography, color, and spacing issues in React Native and Expo apps. It generates actionable fixes with before and after guidance for UI reviews, QA testing, and design validation.

Yes, visual debugging works for Expo apps during design validation by capturing screenshots from simulators or real devices, applying multimodal vision analysis to identify layout, typography, color, and spacing issues, and generating actionable fixes with before and after guidance.

The best way to automate visual QA testing for mobile app screenshots is to run a visual debugging workflow that captures screens, applies multimodal vision analysis to compare against design references, identifies layout and typography issues, and generates actionable fixes with before and after guidance.

Yes, you need access to relevant component sources to analyze mobile app screenshots for visual issues. The visual debugging workflow uses multimodal vision analysis along with component source access to detect layout, typography, color, and responsive discrepancies and generate actionable fixes.

To start capturing and analyzing app screenshots for layout and typography issues, run the /debug-visual command. This initiates a defined visual debugging workflow with steps for capture, multimodal vision analysis, actionable fixes, and a summary of detected discrepancies.

Yes, visual debugging compares screenshots against design references. It captures app screens, applies multimodal vision analysis to detect layout, typography, color, and spacing discrepancies, and generates actionable fixes with before and after guidance for regression testing and QA reviews.