Design a game UI with Codex image generation
Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look.
Source
@Keshavatearth on X · 2026-07-02
Written in our own words. Credit to the original author. Link checked 2026-10-14.
What they did
Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look.
Result (as claimed)
Shared screenshots of the UI.
Tools they used
Cost: OpenAI Codex: free plan, paid from $8/mo; Claude Code: free plan, paid from $17/mo. Checked 2026-10-14.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open OpenAI Codex and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Design a game UI with Codex image generation What the original author did: Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look. Reported result (as claimed by the author): Shared screenshots of the UI. Source: https://x.com/Keshavatearth/status/2072634460034764869 Tools they used: OpenAI Codex, Claude Code Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Design a game UI with Codex image generation What the original author did: Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look. Reported result (as claimed by the author): Shared screenshots of the UI. Source: https://x.com/Keshavatearth/status/2072634460034764869 Tools they used: OpenAI Codex, Claude Code Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Design a game UI with Codex image generation What the original author did: Built a card game UI using image generation in Codex together with Claude Code to avoid the usual AI look. Reported result (as claimed by the author): Shared screenshots of the UI. Source: https://x.com/Keshavatearth/status/2072634460034764869 Tools they used: OpenAI Codex, Claude Code Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
Related use cases
Build your first games as a designer, not a game dev
A 25-year designer built six games with Claude Code and Codex; getting them running was quick, making them fun took longer.
Try replacing your SaaS stack with vibe-coded tools
Set out to replace his whole tech stack with vibe-coded alternatives using Claude Code, and documented where it fell short.
Generate complete Godot games from a prompt
Built Claude Code skills that take a text prompt, design the architecture, generate 2D and 3D assets, write GDScript and test the game.
Run a solo content team with agent skills
Runs Opus 5.5 in Claude Code as editor-in-chief over nine skill sets that cover topics, writing, visuals, video editing, sound and scheduling.