新的 Codex 設計工作流讓 Codex 超越大多數設計師

我用於精美 SaaS 登陸頁面的 Codex 設計工作流 — 使用 4 項技能：MagicPath、Mobbin MCP、Make Interfaces Feel Better 和 skills.sh。無需 Figma。 從基礎 AI 預設登陸頁面到精美、行動響應式網站，包含自訂 3D 插圖、多個英雄區段變體和實時 Vercel 部署。全部在 Codex 內完成。 如果你是使用 AI 代理的設計師或設計工程師，這是要複製的技能堆疊。 我結合了 MagicPath AI、「Make Interfaces Feel Better」技能和 Mobbin MCP，為虛構的 AI 睡眠呼吸暫停新創公司設計了完整登陸頁面。結果如何？自訂標誌、3D 插圖、行動響應式佈局、多個英雄區段變體和完全可部署的網站 — 全部由 AI 代理設計。 🎯 你將學到 ✅ 在 Codex 中設置 MagicPath（類 Figma 的無限畫布） ✅ 使用 skills.sh 尋找和安裝技能 ✅ 應用 Jakub Krehel 的「Make Interfaces Feel Better」實現精美設計 ✅ 使用 Codex 內的 GPT 影像生成自訂 3D 圖標和標誌 ✅ 使用 Mobbin MCP 從真實 SaaS 網站重新混合英雄區段 ✅ 將最終設計發佈到實時 Vercel 預覽域名 💬 加入我的免費社群（我每天直播！） 加入創意者網路 Discord：https://discord.com/invite/vZxn6wZrDD 加入下次直播構建：https://www.skool.com/builderzgym 🔗 提及的工具和資源： 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 影片：https://youtu.be/cu-Qq-47Rk8 ⏱️ 時間戳記： 0:00 – 介紹和基礎 AI 登陸頁面 1:10 – MagicPath：Codex 的無限畫布 2:38 – AI 生成的插圖和資源 3:37 – 使用設計技能進行 UI 精美化 6:54 – 使用 Mobbin MCP 的英雄區段變體 8:27 – 部署到 Vercel 域名 💬 在留言中告訴我：下一個你想讓我測試的 AI 設計工作流是什麼？ 👍 如果這對你有幫助，請點讚並訂閱以獲取更多 AI 工作流、技能堆疊和 Codex 教學。 📺 類似內容 將 Codex 變成無限設計畫布：https://youtu.be/EP6NPRV9rzM 📲 讓我們連絡 X：https://x.com/lukas_margerie LinkedIn：https://www.linkedin.com/in/lukas-margerie-99196118a/ #Codex #MagicPath #MobbinMCP #AI設計 #AI工作流 #登陸頁面 #VibeCoding #AI工具 #網頁設計 #SkillsSH