25:22
How To Use Codex To Build Insanely Beautiful Websites Using GPT 5.6 Sol
AI LABS · 25:22 · 5 chapters
TL;DR
Practical tested workflow to escape generic AI website slop and build production client-ready sites using the new Codex mode in GPT 5.6.
2:39 Stage 1: Getting started
- •Codex runs natively inside ChatGPT Plus, use light-high effort / standard speed
- •Projects map directly to local system folders, no external IDE required
5:58 Stage 2: The design skill
- •Disable OpenAI default site skill entirely, it only produces generic outputs
- •Install the taste design skill, reference it with /ash for all generation
11:41 Brand Identity
- •Use standard design.md files for consistent spacing and colour values
- •Add Phosphor Icons to agents.md, Codex will generate original on-brand imagery
18:47 Stage 6: Inspiration
- •Use Pinterest / Awwwards for reference only, never ask for direct copies
20:18 Stage 7: Refinement
- •Replace generic small components with libraries like 21.dev and Godly
- •Always have Codex create local git checkpoints before making changes
Takeaway
The hard part is never generating a website, it is escaping the default identical design language every unconfigured model produces.
Resources
This is an AI summary. Watch the original for the full picture.
Watch the full video on YouTube