{"slug": "slightly-reducing-the-sloppiness-of-ai-generated-front-end", "title": "Slightly reducing the sloppiness of AI generated front end", "summary": "A developer found that instructing AI agents to generate web interfaces in the style of Qt applications significantly reduces the \"sloppy\" aesthetic common in AI-generated front-end designs. The technique, applied to a personal electoral college visualization tool and other software, produced results the developer found visually acceptable despite lacking formal design taste. The approach offers a practical workaround for users who want decent-looking AI-generated programs without relying on subjective design expertise.", "body_md": "# Slightly reducing the sloppiness of AI generated frontend\n\n2026-06-12\n\nI've been trying to make progress on a herculean task; I want decent looking\nprograms for personal use which I can generate quickly using AI agents yet I'm\na person without taste controlling an AI without taste. I found \"one weird\ntrick\" that does enough for me, the results are not *extra nice* but it doesn't\nmake me gag and I'll take what I can.\n\n### Style of Slop\n\nI took a simple single web page app (more context below) and kept on asking the\nagent 1 to generate it in different styles. I found that there can be many different\nstyles, all of which feel like slop. Slop is not a\ndistinct style, it can be overlaid on top of many others. Even when I got it to\nmake a page to look like X, it looked like X\n\n*with*slop.\n\n### Qt\n\nOnly one generation stuck out to me. Simply asking\nit to make it look like a Qt app - to my tasteless eyes - removed almost all\nfeeling of slop. You can check some of the results out [here](https://envs.net/~volpe/projects/ai-design.html).\nThis is obviously subjective, hard to convince anyone of and I'd like feedback.\nI'd also like to see more experimentation in this area, are there any other styles or design guidelines\nwhich an AI can generate without adding slop on top?\n\n### App context\n\nI read [this article from Axios](https://www.axios.com/2026/05/18/republicans-trump-approval-democrats-electoral-college)\n-- a forecast of how the electoral college will change in 2030 and I wanted to\nvisualize it. I dumped a picture in to chatgpt and asked it for a 270-to-win\nstyle program with the forecast changes so I can see which routes open or close for R's vs D's.\n\n### Other apps\n\nIt does translate well outside of this example. I've now gotten codex to translate all the other personal software I have to \"Qt style\" and I think they look much better.\n\n-\ngpt-5.5-thinking in codex cli\n\n[↩](#fnref:1)", "url": "https://wpnews.pro/news/slightly-reducing-the-sloppiness-of-ai-generated-front-end", "canonical_source": "https://envs.net/~volpe/blog/posts/reduce-slop.html", "published_at": "2026-06-12 14:48:38+00:00", "updated_at": "2026-06-12 14:50:28.952187+00:00", "lang": "en", "topics": ["generative-ai", "ai-tools", "ai-agents", "artificial-intelligence"], "entities": ["Qt", "Axios"], "alternates": {"html": "https://wpnews.pro/news/slightly-reducing-the-sloppiness-of-ai-generated-front-end", "markdown": "https://wpnews.pro/news/slightly-reducing-the-sloppiness-of-ai-generated-front-end.md", "text": "https://wpnews.pro/news/slightly-reducing-the-sloppiness-of-ai-generated-front-end.txt", "jsonld": "https://wpnews.pro/news/slightly-reducing-the-sloppiness-of-ai-generated-front-end.jsonld"}}