Build an AI Web Design Agent with Next.js, React, Insforge, Gemini & Claude

Description

🟢 Try Insforge: https://insforge.dev/?utm_source=techwithemma ☕ Support my work: https://tinyurl.com/support-buymecoffee 🙏 Like & Subscribe To the Channel: https://tinyurl.com/subcribe-to-techwithEmma In this video, we build Sleek.ai an AI-powered Web Design Agent platform using Next.js 16, React, Shadcn, TaliwindCSS, Gemini AI, Claude AI, Insforge, With Sleek.ai, you can turn a simple prompt into fully designed websites, including landing pages, dashboards, login screens, and more. Experiment with prompts, chat with the agent, and see your designs update in real time! 📢 Stay Connected: 🙏 Subscribe To the Channel: https://tinyurl.com/subcribe-to-techwithEmma 💻 Join our Discord Community: https://discord.gg/tznaUkyE 🐦 Follow us on Twitter: https://x.com/techwithemma 🖼️ Follow us on Instagram: https://instagram.com/techwithemmaofficial 💻 Source Code (Give a Star ⭐): https://github.com/TechWithEmmaYT/Sleek-AI-WebDesign-Agent/ 🗝️ Key Features: 🔐 Authentication 🤖 AI-powered Web UI Design Agent ✍️ Generate clean web designs from prompts 🖼️ Draggable web canvas 🎨 Customizable themes & color schemes 🔁 Regenerate designs instantly 💬 Chat interface for design guidance ⚡ Real-time design updates 🌐 Built with Next.js, React, Insforge, Claude AI, Gemini AI 🎨 Styled with Tailwind CSS, Shadcn/UI 🚀 Deployment-ready ⏲️ Timestamps 👇 00:00:00 - Intro & Demo 00:09:33 - Project Setup 00:29:05 - Authentication 00:44:18 - Chat Interface 01:51:34 - Chat Conversation 02:24:30 - Canvas & Page Frame 03:52:53 - Project API (Chat & Page Generation) 06:40:46 - Single Project API 07:06:43 - Regeneration 07:36:58 - All Project API & UI 07:54:42 - Deployment 📚 Resources: Build a UI/UX WebDesign with Next.js, React, Insforge, Gemini & Claude