I Built a High-End Animated Website in Codex with GPT-5.6

Por Made by Sourasith · 2 ago 2026 · 12:47

Visualizaciones
2.0K vistas
Likes
72 likes
Comentarios
10 comentarios

In this video, I’ll show you my complete workflow for creating an animated beverage website entirely inside Codex using three GPT-5.6 models: Luna for planning, Sol for design generation, and Terra for refining and polishing. We’ll explore how to develop the product concept, create a PRD, generate visual assets, build a strong design system, add animations, and refine the final landing page. You’ll also learn how to use effort and speed settings, write better prompts, and create a complete website from a single detailed prompt. The prompt and template are available in the description. Timestamps 00:00 Introduction 00:51 Using the prompt and template 02:06 Planning with Luna 02:54 GPT-5.6 effort and speed settings 04:57 Developing the website concept 06:53 Writing a detailed prompt 08:34 Generating visual assets 09:10 Why concept-first workflows work 10:52 Refining the design with Terra 11:47 Adding custom illustrations 12:09 Creating a one-shot prompt 12:39 Final thoughts #Codex #GPT5 #WebDesign #AIWebsite #WebDevelopment #AIDesign Thanks for watching. If you enjoyed the video, don’t forget to like, subscribe, and leave a comment. Tools & resources I used: This template: ➡ https://aurello-beverage.aura.build?via=sourasithp The Prompt: ➡https://drive.google.com/file/d/1jcO8jBAGbH0644FUQgklkUH8oeznrlPt/view?usp=sharing Video editing: ➡ https://dreamcut.ai?via=sourasith If you want more videos like this on AI design, creative coding, and landing page workflows, make sure to like, subscribe, and comment below. Follow me ➡ https://www.instagram.com/sourasith.design/ ➡ https://twitter.com/titepommee ➡ www.linkedin.com/in/sourasith-phomhome ➡ https://www.threads.com/@sourasith.design