May 11
Loading video player...
š Ready to level up? Get full access to my Agentic Coding Masterclass, weekly lab challenges, live Q&As, and a community of builders: https://www.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: https://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.vanzyl@gmail.com #claudecode #agenticcoding #vibecoding