Accueil / Vidéo

Le nouveau flux de design Codex rend Codex meilleur que la plupart des designers

Lukas Margerie · Lukas Margerie · ·9:11 ·17.0K vues
Le nouveau flux de design Codex rend Codex meilleur que la plupart des designers

Le flux de design Codex que j'utilise pour les landing pages SaaS polies — utilisant 4 compétences : MagicPath, Mobbin MCP, Make Interfaces Feel Better, et skills.sh. Sans Figma. D'une landing page par défaut IA basique à un site responsive mobile poli avec

Description complète

Le flux de design Codex que j'utilise pour les landing pages SaaS polies — utilisant 4 compétences : MagicPath, Mobbin MCP, Make Interfaces Feel Better, et skills.sh. Sans Figma. D'une landing page par défaut IA basique à un site responsive mobile poli avec des illustrations 3D personnalisées, plusieurs variantes de héros, et un déploiement Vercel en direct. Tout à l'intérieur de Codex. Si vous êtes designer ou design engineer travaillant avec des agents IA, c'est la stack de compétences à copier. J'ai combiné MagicPath AI, la compétence « Make Interfaces Feel Better », et le Mobbin MCP pour concevoir une landing page complète pour une startup IA fictive d'apnée du sommeil. Le résultat ? Logo personnalisé, illustrations 3D, mise en page responsive mobile, plusieurs variantes de section héros, et un site entièrement déployable — tout conçu par un agent IA. 🎯 Ce que vous apprendrez ✅ Configurer MagicPath à l'intérieur de Codex (canevas infini style Figma) ✅ Trouver + installer des compétences avec skills.sh ✅ Appliquer « Make Interfaces Feel Better » de Jakub Krehel pour la finition ✅ Générer des icônes 3D + logos personnalisés avec l'image GPT à l'intérieur de Codex ✅ Utiliser Mobbin MCP pour remixer des sections héros depuis de vrais sites SaaS ✅ Déployer le design final vers un domaine d'aperçu Vercel en direct 💬 Rejoignez mes communautés gratuites (je vais en direct quotidiennement !) Rejoinz le Creator Network Discord : https://discord.com/invite/vZxn6wZrDD Rejoinz le prochain live build : https://www.skool.com/builderzgym 🔗 Outils et ressources mentionnés : 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 Vidéo Mobbin MCP : https://youtu.be/cu-Qq-47Rk8 ⏱️ Chapitres : 0:00 – Intro et landing page IA basique 1:10 – MagicPath : canevas infini de Codex 2:38 – Illustrations et assets générés par IA 3:37 – Finition UI avec compétences de design 6:54 – Variantes de héros avec Mobbin MCP 8:27 – Déployer vers un domaine Vercel 💬 Dites-moi en commentaire : Quel est le prochain flux de design IA que vous voulez que je teste ? 👍 Si cela vous a aidé, mettez un like et abonnez-vous pour plus de flux de travail IA, stacks de compétences, et tutoriels Codex. 📺 Plus comme ceci Transformer Codex en canevas de design infini : https://youtu.be/EP6NPRV9rzM 📲 CONNECTONS-NOUS 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

Chapitres

  1. 0:00 Intro & basic AI landing page
  2. 1:10 MagicPath: Codex's infinite canvas
  3. 2:38 AI-generated illustrations & assets
  4. 3:37 UI polish with design skills
  5. 6:54 Hero variants with Mobbin MCP
  6. 8:27 Ship to a Vercel domain
Regarder sur YouTube Le contenu se trouve sur le site de l'éditeur d'origine.
Sélectionné pour la communauté Codex-Design comme ressource de type designer sur la conception avec OpenAI Codex.