新的 Codex 设计工作流让 Codex 超越大多数设计师

我用于打磨 SaaS 登陆页面的 Codex 设计工作流——运用 4 项技能：MagicPath、Mobbin MCP、Make Interfaces Feel Better 和 skills.sh。无需 Figma。 从基础 AI 默认登陆页面到精磨、移动响应式网站，包含自定义 3D 插图、多个首屏变体和完全可部署的站点。全部在 Codex 内完成。 如果你是与 AI 代理合作的设计师或设计工程师，这是必学的技能堆栈。 我结合了 MagicPath AI、「Make Interfaces Feel Better」技能和 Mobbin MCP，为一个虚拟 AI 睡眠呼吸暂停初创公司设计了完整登陆页面。结果？自定义 Logo、3D 插图、移动响应式布局、多个首屏变体，以及完全可部署的网站——全部由 AI 代理设计。 🎯 你将学到 ✅ 在 Codex 内设置 MagicPath（类 Figma 的无限画布） ✅ 使用 skills.sh 查找和安装技能 ✅ 应用 Jakub Krehel 的「Make Interfaces Feel Better」打磨界面 ✅ 在 Codex 内使用 GPT 图像生成自定义 3D 图标和 Logo ✅ 使用 Mobbin MCP 从真实 SaaS 网站改编首屏设计 ✅ 将最终设计部署到实时 Vercel 预览域名 💬 加入我的免费社区（我每日直播！） 加入 Creator Network 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 – 设计技能界面打磨 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