How to design stunning UIs with Codex? (Includes Skills) OpenAI just dropped a must-read article for frontend devs, product folks, and indie developers: Designing delightful frontends with GPT-5.4. This new article really breaks down the whole idea of using AI for frontend development. The issue has never been whether the model *can* write pages. The real problem is that most people don’t know how to “direct” it. My key takeaway after reading it can be summed up in one sentence: GPT-5.4 is no longer just a tool to “piece together pages.” It’s more like a frontend partner with aesthetic potential—but only if you clearly define the design direction first. OpenAI highlighted 3 major upgrades this time: - Stronger image understanding - More complete webpage and app generation - Better at using tools to self-check page effects The most valuable part? It calls out the most common issue with AI doing frontend work: If your prompts are too vague, the model will default to creating those “technically functional but obviously AI-generated” pages. Generic structure, basic hierarchy, weak branding. So the right approach isn’t just saying, “Make me a landing page.” Instead, you need to clarify these things first: - Design system - Fonts and colors - A single core composition for the first screen - Reference images or a mood board - Page narrative flow - Real product copy and content goals At the end of the article, they even turned the design methods and ideas into a Skills package: `skill-installer frontend-skill` Article link: https://developers.(openai.com)/blog/designing-delightful-frontends-with-gpt-5-4