Interrogating Design Homogenization in Web Vibe Coding
Organizations: University of Washington, Seattle, WA, USA · Microsoft Research & University of Washington, Seattle, WA, USA
Abstract
Generative AI is known for its tendency to homogenize, often reproducing dominant style conventions found in training data. However, it remains unclear how these homogenizing effects extend to complex structural tasks like web design. As lay creators increasingly turn to LLMs to 'vibe-code' websites -- prompting for aesthetic and functional goals rather than writing code -- they may inadvertently narrow the diversity of their designs, and limit creative expression throughout the internet. In this paper, we interrogate the possibility of design homogenization in web vibe coding. We first characterize the vibe coding lifecycle, pinpointing stages where homogenization risks may arise. We then conduct a sociotechnical risk analysis unpacking the potential harms of web vibe coding and their interaction with design homogenization. We identify that the push for frictionless generation can exacerbate homogenization and its harms. Finally, we propose a mitigation framework centered on the idea of productive friction. Through case studies at the micro, meso, and macro levels, we show how centering productive friction can empower creators to challenge default outputs and preserve diverse expression in AI-mediated web design.
Figures & tables
| Type | Service | Process (after user prompt) |
| General-purpose LLM service | ChatGPT Canvas ( OpenAI, 2024 ) | Artifact → One-line overview of the generated website |
| Gemini Canvas ( Google, 2025 ) | One-line planning → Artifact → One-line overview of the generated website | |
| Claude Artifacts ( Anthropic, 2025 ) | One-line planning → Artifact → Multi-line description of the generated website | |
| Specialized vibe coding tool | Lovable ( Lovable, 2025 ) | Multi-line planning → Artifact → Multi-line description of the generated website |
| v0 by Vercel ( Vercel, 2025a ) | Artifact → Multi-line description of the generated website | |
| Replit ( Replit, 2025a ) | Multi-line planning (spec request if prompt is too short) → Artifact → Multi-line description of the generated website |
Appendix figures & tables2 assets
Supplementary material from the paper’s appendix.
Appendix
| Category | Queries |
| Informal and vibe-centered phrasing | vibe coding |
| Interaction and technique-centered phrasing | natural language website generation, prompt-based website coding, text-based website coding, text to website code |
| Platform-specific use cases | ChatGPT / Gemini / Claude make a website, build a website with ChatGPT / Gemini / Claude, use ChatGPT / Gemini / Claude to code a webpage, how to build an app with ChatGPT / Gemini / Claude, generate HTML with LLM, ChatGPT / Gemini / Claude build website from prompt |
| Type | Type definition | Sub-type | Sub-type definition | Intersection with design homogenization |
| Representational harms | Harmful or exclusionary representations of people, groups, or values in code, content, or AI suggestions | 1 Design homogenization | Promoting aesthetics, layout styles, or language that exclude underrepresented preferences | (Our focus) |
| 2 Stereotyping through design output | Generating site content, names, or images that reflect social biases ( e.g. , race, gender) | Defaults to stereotypical heuristics as a substitute for creative expression | ||
| Quality-of-service harms | Breakdowns or inconsistencies in outputs that impair novices’ ability to complete tasks | 1 Incoherent/ nonfunctional code | Returning outputs that appear to work but fail when executed, without explanation | Associates prompts for creative expressions with high failure rates |
| Cognitive and well-being harms | Emotional, psychological, or motivational burdens experienced during LLM-assisted coding | 1 Erosion of confidence | Users feeling incapable when outputs fail and left without tools to troubleshoot | Depletes the user’s motivation to counter homogenized design |
| 2 Cognitive overload | Returning complex suggestions that lack scaffolding, forcing users to interpret unfamiliar patterns alone | Pushes users towards simpler solutions to avoid mental fatigue | ||
| 3 Discouragement from contradictions | Contradictory guidance across prompts causes confusion and fatigue | Causes users to abandon more unique creative directions in favor of simpler, achievable ones |
Web Application Generation
Web application generation uses AI to turn natural-language, visual, or multimedia specifications into functional, interactive websites and applications.
See all 40 papers