Build an AI Web Design Agent with Next.js, React, Insforge, Gemini & Claude
🟢 Try Insforge: https://insforge.dev/?utm_source=tech...
☕ Support my work: https://tinyurl.com/support-buymecoffee
🙏 Like & Subscribe To the Channel: https://tinyurl.com/subcribe-to-techw...
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-techw...
💻 Join our Discord Community: / discord
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: / techwithemmaofficial
💻 Source Code (Give a Star ⭐): https://github.com/TechWithEmmaYT/Sle...
🗝️ 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