Best Codex use cases for design & frontend
3 real setups where the source names Codex for design and frontend, most-discussed first. Each one credits the person who did it and links the source.
Codex appears in 3 of the 15 design & frontend use cases on agentsetups, and in 69 use cases overall.
Most-discussed: Give one prompt and 6 hours for a 3D visualisation by Piotr Migdał; Rebuild your personal site with Codex and a deploy tool by Karri Saarinen; Redesign your home from a phone LiDAR scan by Matt Ferrante.
Quick start (from Give one prompt and 6 hours for a 3D visualisation by Piotr Migdał):
- Prompt: “Make a three.js (pnpm) visualization of all Invisible Cities by Italo Calvino. Don’t ask questions, it is a one-shot task. You have 6h of work, use it until it becomes a masterpiece.”
- Run it in Codex (GPT-6 Astra) and in Claude Code (Opus 5.5).
- Compare: Opus used 6 parallel subagents (~7 agent-hours) and stopped after 1h25.
+1 more step in the copyable prompt.
Last updated · based on 336 use cases on agentsetups, each credited to its author.
All 3 Codex design & frontend use cases
- Give one prompt and 6 hours for a 3D visualisation
Same prompt to GPT-6 Astra in Codex and Opus 5.5 in Claude Code; Opus ran 6 subagents and finished a three.js piece in 1h25.
- Prompt: “Make a three.js (pnpm) visualization of all Invisible Cities by Italo Calvino. Don’t ask questions, it is a one-shot task. You have 6h of work, use it until it becomes a masterpiece.”
- Run it in Codex (GPT-6 Astra) and in Claude Code (Opus 5.5).
- Compare: Opus used 6 parallel subagents (~7 agent-hours) and stopped after 1h25.
+1 more step in the copyable prompt.
Claude, Codex · Design & frontend · by Piotr Migdał (blog, 7 Oct 2026) · source
- Rebuild your personal site with Codex and a deploy tool
After ~5 failed rebuilds, Codex built the site plus a small tool to add writing and deploy the static site to S3.
- Have Codex build the static site.
- Ask it for a small tool to add new writing.
- Have the same tool deploy the static site to S3.
Codex · Design & frontend · by Karri Saarinen (X post, 6 Oct 2026) · source
- Redesign your home from a phone LiDAR scan
Scan with PolyCam, export GLTF, load into Codex with Astra, then chat through redesigns and walk inside them.
- Use a phone with LiDAR (iPhone 12 Pro or later).
- Scan the space with a scanning app like PolyCam and use its free GLTF export.
- Load it into Codex (the author used Astra).
+1 more step in the copyable prompt.
Codex · Design & frontend · by Matt Ferrante (X post, 10 Sep 2026) · source
Questions people ask
What is Codex used for in design and frontend?
Real examples from the sources: Give one prompt and 6 hours for a 3D visualisation (by Piotr Migdał); Rebuild your personal site with Codex and a deploy tool (by Karri Saarinen); Redesign your home from a phone LiDAR scan (by Matt Ferrante).
How do I set up Codex for design and frontend?
Copy a setup that already worked. Give one prompt and 6 hours for a 3D visualisation by Piotr Migdał: 1) Prompt: “Make a three.js (pnpm) visualization of all Invisible Cities by Italo Calvino. Don’t ask questions, it is a one-shot task. You have 6h of work, use it until it becomes a masterpiece.” 2) Run it in Codex (GPT-6 Astra) and in Claude Code (Opus 5.5). 3) Compare: Opus used 6 parallel subagents (~7 agent-hours) and stopped after 1h25. The use-case page has the full prompt to paste into Codex.
Codex vs Claude for design and frontend: which should I use?
agentsetups compares what people did, not which is better. In design & frontend, Codex has 3 use cases and Claude has 9; 1 name both. See Claude vs Codex for design & frontend.