Search papers, labs, and topics across Lattice.
This study investigates the impact of repeated UI patterns on the accuracy of multimodal large language models (MLLMs) in translating webpage screenshots into front-end code. By introducing a benchmark for visual pattern-completion bias, the authors demonstrate that MLLMs exhibit a significant bias towards visually consistent yet incorrect outputs, with mean bias rates reaching 69.78% for card-width and 80.22% for text font-size perturbations. The findings reveal that even the most advanced models struggle with accuracy, achieving only 21.17% and 7.89% mean accuracy on these tasks, highlighting a critical failure mode in multimodal code generation linked to visual saliency.
MLLMs exhibit a staggering 80.22% bias towards incorrect outputs when faced with repeated UI patterns, revealing a critical flaw in their code generation capabilities.
Multimodal large language models (MLLMs) are increasingly used to translate webpage screenshots into front-end code, but repeated UI patterns may sway them toward visually incorrect yet pattern-consistent outputs. In this work, we test how repeated webpage patterns hurt MLLM accuracy on an objective screenshot-to-code fill-in-the-blank task. We introduce the first benchmark for visual pattern-completion bias, where one localized element in a repeated UI pattern is perturbed and the model must recover the masked width or font-size value from the screenshot and HTML context. Starting from 30 webpages curated from the Design2Code dataset, we build 1,440 evaluated screenshots spanning structural card and text-style patterns under standard and noise-overlaid conditions. We evaluate five frontier MLLMs and find that all are strongly biased toward the repeated baseline. Mean bias rate reaches 69.78% on card-width perturbations and 80.22% on text font-size perturbations, while mean accuracy is only 21.17% and 7.89%, respectively. Codex-5.3 performs best but still drops from 68.61% accuracy on cards to 13.89% on text, while Flash-3.0 reaches 96.11% bias on text. Noise, subtler perturbations, and boundary positions further increase bias rate. Reasoning analysis further shows that greater reasoning effort correlates with lower bias, yet qualitative evidence reveals that models can identify the anomalous element and still override it with the pattern-consistent answer. Our results identify a concrete failure mode in multimodal code generation and show that its severity is strongly associated with visual saliency
