New Codex Design Workflow Makes Codex Better Than Most Designers
The Codex design workflow I use for polished SaaS landing pages — using 4 skills: MagicPath, Mobbin MCP, Make Interfaces Feel Better, and skills.sh. No Figma. From a barebones AI-default landing page to a polished, mobile-responsive site w
Full description
The Codex design workflow I use for polished SaaS landing pages — using 4 skills: MagicPath, Mobbin MCP, Make Interfaces Feel Better, and skills.sh. No Figma. From a barebones AI-default landing page to a polished, mobile-responsive site with custom 3D illustrations, multiple hero variants, and a live Vercel deploy. All inside Codex. If you're a designer or design engineer working with AI agents, this is the skill stack to copy. I combined MagicPath AI, the "Make Interfaces Feel Better" skill, and the Mobbin MCP to design a complete landing page for a fictional AI sleep apnea startup. The result? Custom logo, 3D illustrations, mobile-responsive layout, multiple hero section variants, and a fully deployable site — all designed by an AI agent. 🎯 What you'll learn ✅ Setting up MagicPath inside Codex (Figma-style infinite canvas) ✅ Finding + installing skills with skills.sh ✅ Applying Jakub Krehel's "Make Interfaces Feel Better" for polish ✅ Generating custom 3D icons + logos with GPT image inside Codex ✅ Using Mobbin MCP to remix hero sections from real SaaS sites ✅ Shipping the final design to a live Vercel preview domain 💬 Join my free communities (I go live daily!) Join the Creator Network Discord: https://discord.com/invite/vZxn6wZrDD Join the next live build: https://www.skool.com/builderzgym 🔗 Tools & Resources Mentioned: Codex: https://openai.com/codex/ Mobbin MCP → https://mobbin.com/?via=lukas MagicPath: https://magicpath.ai?utm_source=YouTube&utm_medium=YouTube&utm_campaign=YT-external-agent skills.sh: https://www.skills.sh/ "Make Interfaces Feel Better" : https://www.skills.sh/jakubkrehel/make-interfaces-feel-better/make-interfaces-feel-better Mobbin MCP Video: https://youtu.be/cu-Qq-47Rk8 ⏱️ Timestamps: 0:00 – Intro & basic AI landing page 1:10 – MagicPath: Codex's infinite canvas 2:38 – AI-generated illustrations & assets 3:37 – UI polish with design skills 6:54 – Hero variants with Mobbin MCP 8:27 – Ship to a Vercel domain 💬 Let me know in the comments: What's the next AI design workflow you want me to test? 👍 If this helped you, drop a like and subscribe for more AI workflows, skill stacks, and Codex tutorials. 📺 More like this Turn Codex into an Infinite Design Canvas: https://youtu.be/EP6NPRV9rzM 📲 LET'S CONNECT X: https://x.com/lukas_margerie LinkedIn: https://www.linkedin.com/in/lukas-margerie-99196118a/ #Codex #MagicPath #MobbinMCP #AIDesign #AIWorkflow #LandingPage #VibeCoding #AItools #WebDesign #SkillsSH