Uploaded May 2026 | Updated September 2026, 3 weeks ago
🚀 Ready to level up? Get full access to my Agentic Coding Masterclass, weekly lab challenges, live Q&As, and a community of builders: skool.com/agentic-labs
In this video, I use Codex CLI to build a full AI Image Studio from scratch with Next.js, authentication, Postgres, Drizzle ORM, and GPT Image 2 image generation. The app lets users upload reference images like avatars, logos, and brand assets, then generate AI thumbnails, banners, product shots, and branded visuals from a prompt. This is a practical AI coding agent workflow for building real AI apps with Codex, OpenAI, and modern full-stack web development.
📑 Source Code: github.com/leonvanzyl/ai-image-studio
⏱️ CHAPTERS:
00:00 Building an AI Image Studio
00:28 Codex CLI Challenge
00:45 Project Setup
02:23 VS Code + Agent Skills
03:00 Agents.md Workflow
04:02 AI App Design System
05:20 Playwright UI Testing
06:08 Auth + Dashboard Setup
07:03 Planning the Dashboard
09:06 Codex Clarifying Questions
10:09 Parallel Subagents
11:09 Fixing Permissions
12:00 Codex Token Limits
13:09 Dashboard Preview
14:10 Responsive UI Fixes
15:11 GPT Image 2 Integration
16:11 OpenAI API Setup
17:12 Implementing Image Generation
18:13 Uploading Reference Images
18:45 Generating AI Thumbnails
19:15 Loading State Fix
19:46 Homepage Redesign
20:16 Codex Image Generation
20:40 Final AI Image App
Business & sponsorship enquiries: leon@cognaitiv.ai
#claudecode #agenticcoding #vibecoding
🚀 Ready to level up? Get full access to my Agentic Coding Masterclass, weekly lab challenges, live Q&As, and a community of builders: skool.com/agentic-labs
In this video, I use Codex CLI to build a full AI Image Studio from scratch with Next.js, authentication, Postgres, Drizzle ORM, and GPT Image 2 image generation. The app lets users upload reference images like avatars, logos, and brand assets, then generate AI thumbnails, banners, product shots, and branded visuals from a prompt. This is a practical AI coding agent workflow for building real AI apps with Codex, OpenAI, and modern full-stack web development.
📑 Source Code: github.com/leonvanzyl/ai-image-studio
⏱️ CHAPTERS:
00:00 Building an AI Image Studio
00:28 Codex CLI Challenge
00:45 Project Setup
02:23 VS Code + Agent Skills
03:00 Agents.md Workflow
04:02 AI App Design System
05:20 Playwright UI Testing
06:08 Auth + Dashboard Setup
07:03 Planning the Dashboard
09:06 Codex Clarifying Questions
10:09 Parallel Subagents
11:09 Fixing Permissions
12:00 Codex Token Limits
13:09 Dashboard Preview
14:10 Responsive UI Fixes
15:11 GPT Image 2 Integration
16:11 OpenAI API Setup
17:12 Implementing Image Generation
18:13 Uploading Reference Images
18:45 Generating AI Thumbnails
19:15 Loading State Fix
19:46 Homepage Redesign
20:16 Codex Image Generation
20:40 Final AI Image App
Business & sponsorship enquiries: leon@cognaitiv.ai
#claudecode #agenticcoding #vibecoding
