Claude Sonnet 4.5 + Claude Code 2.0: Agentic Coding Masterclass Leon van Zyl 2025-10-03 | Learn how to master Claude Code 2.0 and Claude Sonnet 4.5 - Anthropic's latest coding model that's revolutionizing AI-powered development. This comprehensive crash course covers everything from basic setup to advanced features like subagents, MCP servers, custom commands, background tasks, checkpointing, and GitHub integration. Whether you're using the CLI tool or VS Code extension, you'll discover how to leverage Claude Code for maximum productivity in your coding projects.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:00:00 - Claude Sonnet 4.5 release and new features overview01:03 - Setting up VS Code for Claude Code01:51 - Installing the Claude Code VS Code extension02:18 - Login and authentication setup03:08 - Installing Claude Code CLI tool04:33 - Windows vs WSL installation differences05:09 - Basic Claude Code usage and modes06:16 - Bypass permissions and thinking modes07:48 - Adding images to prompts09:00 - Managing conversation history09:36 - Understanding memories and project rules10:23 - Making changes to existing projects11:59 - Creating custom commands14:05 - Checkpointing and rewind feature16:20 - Background tasks and bash management18:10 - Creating and using subagents20:38 - Setting up MCP servers with Shad CN25:02 - Adding MCP servers via CLI26:34 - Hooks for notifications and automation29:46 - GitHub integration for remote development32:43 - Series wrap-up#claudecode #claudesonnet45 #anthropic
Spec Kit: How to Build Production-Ready Apps with AI Agents Leon van Zyl 2025-10-01 | Learn how to build production-ready applications with coding agents using Spec Kit - a structured workflow from GitHub that brings spec-driven development to AI coding assistants like Claude Code, Cursor, Windsurf, and Codex. This tutorial walks through the complete Spec kit workflow including Constitution setup, feature specification, planning, task breakdown, and implementation using a Next.js expense tracking app demo. You'll discover how to use proper Git branching, test-driven development, and structured prompting to get consistent, high-quality results from your coding agent instead of broken features and bugs.🔗 Spec Kit GitHub Repository:github.com/github/spec-kit📦 UV Installation (required for Speckit):https://docs.astral.sh/uv/getting-started/installation/🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:00:00 - Why coding agents need structure00:46 - What is Speckit and spec-driven development02:26 - Core workflow components overview04:36 - Creating a new Next.js project05:07 - Installing Speckit with UV06:59 - Constitution: Setting project principles and standards09:09 - Using Speckit across different coding agents12:00 - Specify: Defining your feature requirements14:00 - Clarify: Answering agent questions to refine specs16:41 - Plan: Creating technical implementation plan19:20 - Tasks: Breaking plan into actionable steps20:42 - Implement: Building the expense tracker app22:30 - Test-driven development workflow in action24:58 - Manual testing and reviewing the completed app26:00 - Git workflow: Creating pull requests and merging26:50 - Adding new features with the same workflow#speckit #claudecode #codex
I Built the Ultimate AI Podcast System in n8n (No Code Required) Leon van Zyl 2025-09-29 | Learn how to build an AI podcast generator using n8n workflow automation and ElevenLabs V3 text-to-dialogue technology. In this comprehensive tutorial, you'll discover how to create natural sounding multi-speaker conversations by scraping web content with FireCrawl, generating dialogue with OpenAI GPT, and producing realistic AI voices using ElevenLabs V3 model. We'll cover the complete workflow setup, production deployment with Hostinger VPS, webhook integration, and building a custom web application with Lovable.🚀 Save on n8n Hosting with Hostinger:hostinger.com/leon (Use code: LEON for 10% off)🔥 Sign up for ElevenLabs:try.elevenlabs.io/up77070vqvjl☁️ n8n Cloud (14-day free trial):n8n.partnerlinks.io/f7f19w3vrhin💻 Lovable AI App Builder:https://lovable.dev/invite/c5b36794-57c6-4068-afc5-0d4bac8e1146📖 ElevenLabs V3 Prompting Guide:elevenlabs.io/docs/best-practices/prompting/eleven-v3🌐 FireCrawl Web Scraping:https://firecrawl.dev🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:00:00 - Introduction: Building AI podcast generator with N8n and ElevenLabs00:27 - Demo: Natural multi-speaker conversation generation01:27 - Setting up N8n workflow and manual trigger02:16 - Configuring FireCrawl for web content scraping03:00 - Creating FireCrawl API key and connection setup04:00 - Building conversation generator with OpenAI GPT05:00 - Understanding ElevenLabs V3 structured output format06:00 - ElevenLabs service overview and V3 model capabilities07:16 - Selecting and configuring voice IDs for speakers08:00 - Creating system prompt with personality definitions09:00 - Testing conversation generation workflow09:17 - Setting up ElevenLabs HTTP node for audio generation10:00 - Creating ElevenLabs API credentials and authentication11:00 - Testing initial audio output and identifying improvements12:00 - Implementing ElevenLabs V3 prompting techniques13:00 - Enhanced audio results with natural speech patterns13:24 - Deploying N8n workflow to Hostinger VPS production15:00 - Setting up production environment and credentials16:00 - Configuring N8n cloud instance and license activation17:00 - Production workflow setup and testing18:00 - Creating webhook triggers for external integration19:00 - Testing webhook with Postman API calls20:00 - Handling multiple trigger types and URL parameters21:00 - Activating production workflow for external access21:50 - Building custom web app integration with Lovable22:50 - Conclusion and next steps#n8n #elevenlabs #aipodcast
Run n8n with Docker Model Runner Locally (Free AI Models) Leon van Zyl 2025-09-23 | Learn how to use Docker model runner with N8N instead of Ollama for running free open source AI models locally. This tutorial shows you how to set up Docker Desktop, download models like GPT OSS, and integrate them with your N8N workflows using GPU acceleration. You'll discover how to configure the OpenAI-compatible API, set up embedding models for vector databases, and create a complete AI agent setup with Postgres database integration for knowledge base queries.⭐ Try n8n cloud for FREE:n8n.partnerlinks.io/f7f19w3vrhin🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:0:00 - Series recap: N8N with free models and Ollama setup0:29 - Why use Docker model runner instead of Ollama0:43 - Docker model runner benefits: GPU acceleration and easy integration1:08 - Installing Docker Desktop and downloading models1:37 - Accessing models through Docker Desktop interface1:54 - Command line access to Docker models2:20 - OpenAI-compatible API for external applications2:52 - Enabling Docker model runner in settings3:28 - Integrating Docker model runner with N8N3:58 - URL configuration for Docker vs local N8N setup4:38 - Testing the N8N integration with Docker models5:03 - Setting up embedding models for knowledge base5:42 - Testing vector database queries with Anthropic invoice example#n8n #docker #ai
How to Run n8n Locally with Free AI & Memory (No Code) Leon van Zyl 2025-09-22 | In this n8n tutorial you will learn how to use n8n for FREE.Learn how to set up n8n completely for free using Docker Desktop, Ollama AI models, and PostgreSQL database. This comprehensive tutorial shows you how to create powerful AI chatbots and agents without any subscription costs. You'll discover how to use free open-source AI models through Ollama, set up persistent conversation memory with PostgreSQL, build custom knowledge bases from Google Drive documents, and expose your n8n instance publicly using NGROK for WhatsApp and Telegram integration.⭐ Try n8n cloud for FREE:n8n.partnerlinks.io/f7f19w3vrhin🐳 Docker Desktop: docker.com🦙 Ollama (Free AI Models): ollama.com🌐 NGROK: ngrok.com📧 Google Cloud Console: cloud.google.com🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:00:00 - Introduction: Free N8n setup overview00:27 - Installing Docker Desktop and WSL setup01:42 - Downloading and running N8n container02:27 - Creating your first N8n workflow and AI agent04:16 - Setting up Ollama for free AI models06:02 - Connecting Ollama to N8n chat model07:08 - Adding conversational memory to your agent08:38 - Setting up PostgreSQL for persistent storage12:04 - Building knowledge base with Google Drive integration13:00 - Creating Google Cloud project and OAuth setup16:00 - Document processing and vector embeddings19:38 - Making N8n publicly accessible with NGROK21:40 - Testing public chat interface and wrap-up#n8n #ollama #docker
How to Add Human-Sounding AI Dialog (ElevenLabs V3) Leon van Zyl 2025-09-20 | In this video you will lean how to use Eleven v3 - a powerful new model from ElevenLabs - to add natural sounding AI voices to your applications. In this example, we create a podcast style dialog between multiple speakers using ElevenLabs v3. You will learn how to add the Elevenlabs SDK to your Nextjs project, generate the ElevenLabs API key and use the the Text to Dialog method.📝 Sign up for ElevenLabs:try.elevenlabs.io/up77070vqvjl📃 ElevenLabs Documentation:elevenlabs.io/docs/capabilities/text-to-dialogue🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz⏰ TIMESTAMPS:00:00 - Series recap: From article scraping to AI conversations00:42 - 11 Labs V3 demo: Natural multi-speaker capabilities01:15 - Installing 11 Labs SDK and setting up project01:50 - Getting your 11 Labs API key (step-by-step)02:30 - Environment setup and SDK installation03:00 - Using coding agents to implement the solution04:05 - Exploring voice options: Best voices for V305:00 - Setting up voice IDs for excited and skeptical hosts05:50 - First audio generation test and results07:00 - Improving dialogue with 11 Labs prompting guide08:00 - Final testing: Natural conversation with interruptions09:20 - Series wrap-up and future project ideas#elevenlabs #codex #gpt5
Don’t Ship Another AI App Until You Try This Streaming Trick Leon van Zyl 2025-09-19 | Learn how to stream structured output in real-time using Vercel's AI SDK instead of waiting for complete LLM responses. This step-by-step tutorial shows you how to build apps with immediate user feedback as data generates.🚀 GET STARTED:📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q📄 Free source code: github.com/leonvanzyl/ai-podcast⏰ Timestamps:0:00 - Intro2:30 - AI SDK installation & setup4:15 - Structured output schema configuration7:12 - Implementing streaming functionality9:45 - Testing real-time streaming results🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz
Add Web Scraping to Any App in Just 5 Minutes with Firecrawl Leon van Zyl 2025-09-18 | Learn how to integrate powerful web scraping into any application using the Firecrawl SDK in this comprehensive step-by-step tutorial. This video covers the complete implementation process from documentation research to production-ready code, including secure API key management with environment variables, real-time content extraction, and proper error handling. Perfect for developers building AI applications, data collection tools, or any project requiring reliable web scraping capabilities. We demonstrate scraping live websites, processing markdown content, and integrating the scraped data into your app's user interface. Whether you're building chatbots, content analyzers, or automated research tools, this tutorial provides the foundation for robust web scraping that works across any website without getting blocked. Includes best practices for project documentation, dependency management, and maintaining clean, scalable code architecture that follows industry standards.⏰ DETAILED TIMESTAMPS:00:00 - Previous video recap: AI podcast generator UI00:30 - Why documentation matters for every project01:42 - Finding and using Firecrawl documentation02:11 - Saving technical docs locally vs MCP services03:05 - Implementing web scraping feature requirements04:23 - Creating Firecrawl API key and account setup05:31 - Environment variable security best practices06:28 - Testing web scraping with real OpenAI article07:07 - Code review: API routes and implementation details08:02 - Creating git checkpoint for feature completion🚀 GET STARTED:📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q📄 Free source code: github.com/leonvanzyl/ai-podcast💡 WHY THIS APPROACH?Learn professional development practices that coding agents struggle with - proper planning, architecture design, and model flexibility that scales to enterprise applications.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#claudecode #codex #vibecoding
Build AMAZING UIs with AI Agents in Minutes Leon van Zyl 2025-09-17 | Learn the complete professional workflow for building stunning user interfaces using AI agents like GPT-5 Codex, Claude Code, and Cursor. This comprehensive tutorial covers essential documentation strategies, systematic agent prompting techniques, and step-by-step UI development using modern tools like ShadCN and Next.js. Discover how to gather design inspiration, structure your project for success, and avoid common mistakes that lead to chaotic development. Whether you're using Cursor, Claude Code, or any other AI coding agent, you'll learn the proven methodology that separates professional developers from amateurs. Includes practical examples of building a real application interface, integrating component libraries, implementing version control best practices, and creating maintainable code that scales. Perfect for developers who want to leverage AI agents effectively while maintaining professional development standards and producing production-ready results.🛠️ TOOLS COVERED:Firecrawl (reliable web scraping service)11Labs v3 (advanced text-to-speech with multi-speaker dialogue)Vercel AI SDK (model-agnostic AI integration)Agentic coding using Claude Code, Codex, Cursor, and more.⏰ DETAILED TIMESTAMPS:00:00 - Introduction01:12 - Documentation setup04:52 - Configuring coding agents and memory files06:14 - UI planning with inspiration screenshots08:15 - Building initial three column layout09:06 - Creating development checkpoints09:39 - Installing ShadCN component library11:00 - Setting up agent rules and constraints11:59 - Converting to professional ShadCN components13:11 - Custom theming with TweakCN🚀 GET STARTED:📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q📄 Free source code: github.com/leonvanzyl/ai-podcast💡 WHY THIS APPROACH?Learn professional development practices that coding agents struggle with - proper planning, architecture design, and model flexibility that scales to enterprise applications.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#claudecode #codex #vibecoding
I Built an AI Podcast Generator and Heres How You Can Too Leon van Zyl 2025-09-16 | Build a complete AI podcast generator that turns articles into engaging conversations! This series covers everything: web scraping, AI conversations, professional UI design, and voice generation using OpenAI, 11Labs, and Next.js. Perfect for developers and no-code builders. Source code included!In this series, we'll use the new OpenAI GPT-5-Codex model and the Codex CLI to build the app. Other coding agents and CLI tools will work too!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Complete AI podcast generator that scrapes any URL and creates natural dialogue🔹 Professional project architecture and planning techniques for real-world applications🔹 Model hot-swapping strategies to easily switch between AI providers🔹 Next.js full-stack development with proper tech stack decisions🔹 Integration of multiple AI services (web scraping, LLMs, and text-to-speech)🎯 PERFECT FOR:✅ Developers wanting to build production-ready AI applications✅ "Vibe coders" looking to level up their development skills✅ Anyone interested in AI automation and podcast creation✅ Next.js beginners ready for a comprehensive project✅ Developers tired of coding agents producing poor results with simple prompts🛠️ TOOLS COVERED:Firecrawl (reliable web scraping service)11Labs v3 (advanced text-to-speech with multi-speaker dialogue)Vercel AI SDK (model-agnostic AI integration)Agentic coding using Claude Code, Codex, Cursor, and more.⏰ DETAILED TIMESTAMPS:00:00 - AI Podcast Generator Demo & Project Overview01:25 - Planning Phase: Breaking Down Core Functionality02:27 - Architecture Design: Scrape → Generate → Audio Pipeline04:02 - Web Scraping Tools: Why Firecrawl Over Alternatives05:33 - 11Labs v3 Dialogue Demo: Multi-Speaker Conversations07:02 - Tech Stack Decision: Next.js Full-Stack Framework08:43 - AI SDK Strategy: Model Hot-Swapping vs Direct APIs11:01 - Next.js Project Setup & Installation Process12:28 - Development Server Launch & Series Preview🚀 GET STARTED:📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q📄 Free source code: github.com/leonvanzyl/ai-podcast💡 WHY THIS APPROACH?Learn professional development practices that coding agents struggle with - proper planning, architecture design, and model flexibility that scales to enterprise applications.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#claudecode #codex #vibecoding
How to Use Nano Banana to Build a Complete SaaS App (Step-by-Step) Leon van Zyl 2025-09-08 | Build a complete AI-powered interior design SaaS app using Google's breakthrough Nano Banana image editing model - no advanced coding required!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Complete room design app with user authentication and credit system🔹 Integration with Google's Nano Banana AI for professional image editing🔹 Full-stack Next.js application with PostgreSQL database🔹 Production-ready SaaS with modern UI components and themes🎯 PERFECT FOR:✅ Developers wanting to leverage cutting-edge AI image editing✅ Entrepreneurs building AI-powered SaaS products✅ No-code enthusiasts ready to learn modern development✅ Anyone interested in Google's latest AI capabilities✅ Freelancers looking to create client applications🛠️ TOOLS COVERED:Nano Banana (Google's AI image editing model)Claude Code (AI coding assistant)Next.js (React framework)Drizzle ORM (Database management)PostgreSQL (Database with Docker)BetterAuth (Authentication system)Shadcn/ui (Component library)Tailwind CSS (Styling framework)⏰ DETAILED TIMESTAMPS:00:00 - Nano Banana introduction and Room GPT demo02:30 - Setting up the development environment04:00 - Docker PostgreSQL database configuration06:00 - Google OAuth setup walkthrough09:00 - Database migration and schema setup10:00 - Claude Code application building process17:00 - Testing image editing functionality19:30 - Adding loading states and user experience improvements22:00 - Professional UI design system implementation24:00 - Advanced theme customization with TweakCN27:00 - Final application showcase and next steps🚀 GET STARTED:📄 Agentic Coding Starter Kit: github.com/leonvanzyl/agentic-coding-starter-kit☁️ Google AI Studio: aistudio.google.com📺 Claude Code Starter Kit Tutorial: youtu.be/T0zFZsr_d0Q🐳 Docker Desktop: docker.com☁️ Tweakcn: tweakcn.com☁️ Aceternity UI: ui.aceternity.com📄 Project source code: github.com/leonvanzyl/design-buddy-nano-banana💡 WHY NANO BANANA?Google's Nano Banana delivers professional-grade image editing capabilities through simple API calls, making it perfect for building scalable SaaS applications without complex image processing infrastructure.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#NanoBanana #ClaudeCode
How to Use Claude Code From ANYWHERE (Github Tutorial) Leon van Zyl 2025-09-01 | Deploy and modify your applications from anywhere using Claude Code - no computer or code editor required! Make changes to production apps using just your phone and GitHub issues.⚡ WHAT YOU'LL BUILD/LEARN:🔹 Deploy your application from GitHub to Vercel with automated deployments🔹 Set up Claude Code to automatically implement changes via GitHub issues🔹 Configure environment variables and OAuth authentication for production🔹 Create AI-powered development workflows accessible from mobile devices🔹 Implement automated code reviews and pull request management🎯 PERFECT FOR:✅ Developers wanting flexibility to make quick changes remotely✅ Business owners who need rapid application updates on-the-go✅ Teams looking to streamline their development workflow with AI✅ Anyone tired of booting up code editors for small changes✅ Claude Code users ready to take their automation to the next level🛠️ TOOLS COVERED:Claude Code (AI-powered coding assistant)GitHub (code repository and issue management)Vercel (deployment platform with automatic deployments)⏰ DETAILED TIMESTAMPS:00:00 - Introduction: Remote development with Claude Code01:14 - Setting up GitHub repository for your project02:30 - Deploying to Vercel with environment variables04:09 - Configuring Google Cloud Platform OAuth settings06:30 - Installing Claude Code GitHub app integration07:58 - Creating GitHub issues to request code changes09:09 - Claude Code automatically implementing changes10:20 - AI code review process and quality checks11:28 - Testing changes and merging to production12:40 - Final results and deployment verification🚀 GET STARTED:📺 Agentic Coding Starter Kit (it's FREE): youtu.be/T0zFZsr_d0Q💡 WHY CLAUDE CODE + GITHUB?This workflow gives you the ultimate flexibility to make production changes from anywhere in the world, using nothing but a mobile device and GitHub's web interface.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #aiagents
Claude Code + Shadcn/ui = Professional Apps Leon van Zyl 2025-08-29 | Watch Claude Code automatically transform basic apps into professional-grade applications using shadcn/ui components! No manual coding required - just AI-powered development automation. ⚡ WHAT YOU'LL BUILD/LEARN:🔹 Replace static loading text with animated skeleton components🔹 Install and configure shadcn/ui component library with AI agents🔹 Set up shadcn MCP server for automated component management🔹 Create responsive loading states that match your page content🔹 Build an FAQ section using accordion components via MCP server🎯 PERFECT FOR:✅ React/Next.js developers wanting better UX✅ Anyone using AI agents for web development🛠️ TOOLS COVERED:shadcn/ui (Popular React component library)Skeleton Component (Animated loading placeholders)Claude Code (Development automation)shadcn MCP Server (Component installation automation)⏰ DETAILED TIMESTAMPS:00:00 - Loading state problems demonstration00:41 - Skeleton loaders solution introduction00:56 - shadcn/ui component library overview02:05 - Implementing skeleton loaders with AI agent02:40 - Installing skeleton component properly03:28 - Testing skeleton loaders across pages04:02 - shadcn MCP server introduction04:33 - Installing and configuring MCP server05:07 - Testing MCP server with accordion component05:50 - FAQ section results and accordion demo06:00 - Series recap and next steps🚀 GET STARTED:📄 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q☁️ shadcn/ui: ui.shadcn.com💡 WHY SHADCN/UI?Pre-built, customizable components that AI agents can install automatically, making it perfect for rapid development with professional results.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#claudecode #shadcn
Claude Code + Playwright MCP = Perfect UI Every Time Leon van Zyl 2025-08-28 | Stop struggling with UI issues in your Claude Code projects - learn how to give your AI coding assistant browser vision to fix problems automatically!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Set up Playwright MCP server in Claude Code for browser automation🔹 Automatically detect and fix UI clipping issues in Claude Code apps🔹 Create comprehensive automated testing workflows using Claude Code🔹 Troubleshoot visual bugs without manual screenshots in Claude Code🔹 Build a complete data structuring application using Claude Code + my Agentic Coding Starter Kit🎯 PERFECT FOR:✅ Claude Code users struggling with UI issues in generated apps✅ Developers new to Claude Code MCP server integrations✅ Anyone building apps with Claude Code, Bolt, or Lovable platforms✅ Beginners learning Claude Code advanced workflows and automation✅ Users of the Agentic Coding Starter Kit + Claude Code combination🛠️ TOOLS COVERED:Claude Code (AI coding assistant with MCP browser automation)Playwright MCP Server (browser vision for Claude Code agents)Agentic Coding Starter Kit (free Claude Code boilerplate)⏰ DETAILED TIMESTAMPS:0:00 - Introduction: Common UI issues in Claude Code applications0:35 - Demo: Application built with Claude Code + Agentic Starter Kit1:17 - Text clipping in Claude Code generated UI1:52 - Why Claude Code agents code blind: The UI design challenge2:07 - Playwright MCP server setup for Claude Code2:30 - Installing MCP server and connecting to Claude Code2:47 - Agent troubleshooting UI issues automatically3:16 - Claude Code agent fixing text clipping in real-time3:41 - Automated workflow setup4:15 - Full user journey testing5:18 - Additional Claude Code bug fixes: Modal overlay resolution5:53 - Wrap up🚀 GET STARTED:📄 Free Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q💡 WHY PLAYWRIGHT MCP + CLAUDE CODE?Unlike manual screenshot debugging, Playwright MCP gives your Claude Code agent real-time browser vision to identify, fix, and test UI issues automatically - making Claude Code development dramatically more efficient.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #PlaywrightMCP
Build ANYTHING with DeepAgent (Complete Tutorial) Leon van Zyl 2025-08-26 | Deep Agent by Abacus AI can build complete web apps, create professional presentations, and automate complex research tasks - all through a single AI agent with its own virtual computer!⭐ Sign up to ChatLLM Teams:ChatLLM Teams: chatllm.abacus.aiChatLLM Deep Agent: deepagent.abacus.ai⚡ WHAT YOU'LL BUILD/LEARN:🔹 Build a fully functional Sudoku game with difficulty levels, hints, and save/load features🔹 Create professional 15+ page technical reports with automated research and citations🔹 Generate PowerPoint presentations with AI-generated visuals and comprehensive content🔹 Use virtual computer capabilities for web scraping and automated flight searches🔹 Master Deep Agent workflows for complex multi-step automation projects🎯 PERFECT FOR:✅ Developers wanting to automate app creation and testing✅ Business professionals needing automated research and reporting✅ Content creators looking for presentation automation✅ Anyone interested in cutting-edge AI agent technology✅ Teams seeking efficient document and app generation workflows⏰ DETAILED TIMESTAMPS:0:00 - Deep Agent introduction and capabilities overview1:30 - Chat LLM platform tour and pricing breakdown2:16 - Project 1 Building Sudoku game with specifications4:00 - Testing completed Sudoku game functionality5:00 - Virtual computer demonstration and explanation6:00 - Project 2 Technical report creation on MCP7:30 - Project 3 PowerPoint presentation generation with AI visuals8:30 - Project 4 Flight search automation demo🚀 GET STARTED:📄 ChatLLM Deep Agent: deepagent.abacus.ai📄 ChatLLM Teams: chatllm.abacus.ai💡 WHY DEEP AGENT?Unlike other AI coding tools, Deep Agent can actually test and troubleshoot applications using its virtual computer with vision capabilities, ensuring your projects work perfectly before completion.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#DeepAgent #AIAutomation #ChatLLM
Claude Code Can Build N8N Workflows For You! Leon van Zyl 2025-08-22 | Build complete N8N workflows using Claude Code without ever touching the canvas - two powerful MCP servers make this possible!💰 SAVE WITH HOSTINGER:Get N8N hosting for only $7/month + 10% off with code "LEON"Link: hostinger.com/leon⚡ WHAT YOU'LL BUILD/LEARN:🔹 Create AI chatbots with memory and web search using voice commands🔹 Build workflows through direct N8N API integration🔹 Automate workflow creation using browser automation🔹 Test and modify existing workflows without manual clicking🔹 Set up MCP servers for seamless Claude Code integration🎯 PERFECT FOR:✅ N8N users wanting to speed up workflow creation✅ Claude Code beginners exploring automation possibilities✅ Developers interested in AI-powered workflow building✅ Business owners looking to streamline N8N development✅ Anyone tired of manually dragging and dropping nodes🛠️ TOOLS COVERED:Claude Code (AI coding assistant)N8N MCP Server (direct API workflow creation)Playwright MCP Server (browser automation)N8N (workflow automation platform)⏰ DETAILED TIMESTAMPS:00:00 - Introduction to Claude Code + N8N automation01:08 - N8N MCP server setup and configuration02:15 - API key creation and connection setup03:33 - First workflow creation attempt (basic results)06:00 - Improved prompt engineering for better results07:30 - Testing workflow modifications and system messages09:30 - Hostinger sponsorship: Cheaper N8N hosting solution11:30 - Playwright MCP server setup and browser automation12:30 - Live browser workflow creation demonstration14:30 - Advanced testing: Memory and web search validation16:00 - Workflow testing automation and final thoughts🚀 GET STARTED:☁️ Prompts: github.com/leonvanzyl/n8n-workflows/tree/main/2025/claude-code☁️ n8n-mcp Server: github.com/czlonkowski/n8n-mcp☁️ Playwright MCP Server: github.com/microsoft/playwright-mcp☁️ Hostinger N8N hosting: hostinger.com/leon📺 Claude Code tutorials playlist: youtube.com/playlist?list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlc💡 WHY THESE MCP SERVERS?Skip the manual workflow building entirely - let AI agents create, modify and test your N8N automations while you focus on strategy and results.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #n8n
Claude Code Starter Kit: Build Real Apps in Minutes Leon van Zyl 2025-08-18 | Build production-ready apps with authentication, databases, and AI in minutes using this powerful Claude Code template - no complex setup required!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Set up a complete full-stack boilerplate with authentication, database, and AI integration🔹 Create an app with Google OAuth, Postgres database, and AI categorization🔹 Deploy your application to production with custom domains🔹 Master version control and checkpointing for AI agent development🔹 Implement custom design systems and UI components automatically🎯 PERFECT FOR:✅ Beginners who want to build real applications ("vibe coders")✅ Experienced developers looking to speed up project setup✅ Anyone wanting to integrate AI into full-stack applications✅ Developers switching from platforms like Bolt or Lovable✅ Teams needing production-ready templates with authentication🛠️ TOOLS COVERED:Claude Code (AI coding agent)Cursor (alternative AI editors)Next.js (React framework)Postgres Database (via Vercel/Neon)Google OAuth (authentication system)OpenAI API (AI integration)Vercel (hosting and deployment)Git (version control and checkpointing)⏰ DETAILED TIMESTAMPS:00:00 - Introduction to the free boilerplate template00:49 - Download and initial project setup02:58 - Database configuration and migration07:26 - Installing prerequisites (Node.js, Git)08:16 - Setting up Vercel Postgres database09:08 - Cloning repository and dependency installation11:57 - Configuring environment variables14:05 - Google OAuth setup and client configuration17:33 - OpenAI API integration setup19:00 - Building the todo application with Claude Code26:26 - Creating custom design systems29:58 - Checkpointing and version control with Git33:33 - Production deployment to Vercel🚀 GET STARTED:📄Agentic Coding Boilerplate: github.com/leonvanzyl/agentic-coding-starter-kit📱Claude Code Tutorials: youtube.com/playlist?list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlc💡 WHY THIS BOILERPLATE?Eliminates the frustration of broken backend systems that plague platforms like Bolt and Lovable. Get authentication, database persistence, and AI features working out of the box instead of spending hours on setup.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #AIAutomation #FullStackDevelopment
Build AI Agents with GPT-5 (No Code Required!) Leon van Zyl 2025-08-13 | 🤖 Build powerful AI agents in Flowise with GPT-5 and OpenAI's new Responses API - no complex tool setup required!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Create a multi-modal AI agent with built-in web search, code interpreter, and image generation🔹 Set up GPT-5 in Flowise with reasoning capabilities and native tool access🔹 Generate interactive data visualizations from CSV files using code interpreter🔹 Analyze and transform images with AI-powered generation tools🔹 Deploy and share your AI agent as a public chatbot interface🎯 PERFECT FOR:✅ Flowise users wanting to leverage the latest GPT-5 capabilities✅ AI automation enthusiasts looking for no-code agent building✅ Business owners needing data analysis and visualization tools✅ Developers exploring multimodal AI applications✅ Anyone wanting to build agents without manual tool configuration🛠️ TOOLS COVERED:Flowise (AI agent builder platform)GPT-5 Mini/Nano (OpenAI's latest reasoning models)⏰ DETAILED TIMESTAMPS:00:00 - GPT 5 and Responses API introduction00:57 - Setting up Flowise agent workflow01:47 - Understanding the Responses API vs Completions API02:30 - Configuring GPT 5 model settings and reasoning03:35 - Testing built in web search capabilities04:28 - Image analysis and AI powered generation demos06:42 - Enabling file uploads for code interpreter07:24 - Creating interactive charts from CSV data09:16 - Sharing your agent as a public chatbot🚀 GET STARTED:📄 Sign up to Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzyl📺 Responses API Tutorial Series: youtube.com/playlist?list=PL4HikwTaYE0GgR36Px9iXb9bNgrLihCnG📱 More Flowwise Tutorials: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8💡 WHY FLOWISE + GPT-5?The combination eliminates the need to manually configure web search, code execution, and image tools - everything works out of the box with OpenAI's native implementations optimized for their models.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#flowise #gpt5 #aiagents
I Used Claude Code as an MCP Server (This Actually Works!) Leon van Zyl 2025-08-12 | 🤖 What happens when you let GPT-5 control Claude Code's tools? A silly experiment that actually works!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Turn Claude Code into an MCP server that any AI model can control🔹 Connect GPT-5 to Claude Code's file editing, bash commands, and directory tools🔹 Build a React to-do app using GPT-5 brain + Claude Code hands🔹 Set up FlowiseAI as an MCP client for cross-model tool sharing🔹 Discover why (or why not) you'd want other AIs controlling Claude Code🎯 PERFECT FOR:✅ Developers curious about Claude Code MCP server capabilities✅ People wanting to use GPT-5 for actual coding projects✅ FlowiseAI users looking for new tool integrations✅ Experimenters who love combining different AI models🛠️ TOOLS COVERED:Claude Code (running as MCP server)FlowiseAI (MCP client and agent builder)GPT-5 (OpenAI's new reasoning model)Model Context Protocol (tool exposure standard)⏰ DETAILED TIMESTAMPS:00:00 - Claude Code MCP server discovery00:40 - Setting up FlowiseAI as MCP client01:30 - Configuring GPT 5 agent with Claude Code tools02:40 - Adding MCP server configuration04:00 - Testing tool connections and permissions05:00 - GPT 5 creates project folders using Claude Code06:00 - Building React app with cross-model collaboration07:30 - Testing the completed to do list application08:40 - GPT 5 applies wild neon styling transformations🚀 GET STARTED:📄 Claude Code MCP Server Docs: docs.anthropic.com/en/docs/claude-code/mcp☁️ FlowiseAI: cloud.flowiseai.com/register?via=leonvanzyl📱 Claude Code Tutorials: youtube.com/playlist?list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlc📱 FlowiseAI Tutorials: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8💡 WHY USE CLAUDE CODE AS MCP SERVER?Expose Claude Code's powerful development tools to any AI model - because sometimes you want GPT-5's reasoning with Claude Code's execution capabilities!🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#gpt5 #aiagents #claudecode
Run OpenAIs Open Source Model FREE in n8n (Complete Setup Guide) Leon van Zyl 2025-08-06 | 🤖 OpenAI just released their first open weight model GPT-OSS and it's comparable to frontier reasoning models like o4-mini and o3-mini - run it locally for FREE with zero API costs!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Set up OpenAI's GPT-OSS model locally using Ollama🔹 Configure free cloud alternative via Grok's infrastructure 🔹 Integrate both options seamlessly into N8N workflows🔹 Build AI agents with custom knowledge bases and tool calling🔹 Test reasoning capabilities against paid OpenAI models🎯 PERFECT FOR:✅ Beginners wanting to try advanced AI models without costs✅ Business owners seeking budget-friendly automation solutions✅ N8N users looking for OpenAI alternatives✅ Developers wanting local AI model deployment✅ Anyone tired of expensive API bills from paid services🛠️ TOOLS COVERED:GPT-OSS (OpenAI's new open-source model with Apache 2.0 license)Ollama (Local AI model deployment and management)N8N (Visual workflow automation platform)Groq (Free cloud-based AI model inference)⏰ DETAILED TIMESTAMPS:00:00 - OpenAI GPT-OSS model introduction and capabilities01:45 - Installing Ollama for local model deployment02:30 - Downloading GPT-OSS models (20B vs 120B parameters)04:00 - Setting up Ollama credentials in N8N05:00 - Testing local GPT-OSS model with knowledge base06:30 - Analyzing local model performance and limitations08:00 - Configuring Groq cloud alternative setup09:00 - Creating Groq API key and N8N integration09:30 - Comparing Groq vs local model performance11:00 - Course promotion and final thoughts🚀 GET STARTED:📄 N8N Cloud (14-day free trial): n8n.partnerlinks.io/f7f19w3vrhin📄 Ollama Download: ollama.com☁️ Groq Free Tier: groq.com📺 Complete N8N Course: youtu.be/CfD17vBCPEU💡 WHY GPT-OSS?Finally get OpenAI-level performance without the API costs! Perfect for experimentation, learning, and budget-conscious automation projects where response time isn't critical.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#openai #N8N #AIAutomation
Claude Code Agents: Build Agent Teams That Work Leon van Zyl 2025-08-05 | Create specialized agents in Claude Code with subagents - no more messy contexts or poor results from cramming everything into one conversation!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Set up specialized subagents for code review, backend, and frontend tasks🔹 Create clean, focused conversations with dedicated agent contexts🔹 Orchestrate complex workflows between multiple AI agents automatically🔹 Build better apps with agents that have specific system prompts and tools🔹 Master the @ symbol syntax for calling specific agents directly🎯 PERFECT FOR:✅ Claude Code users struggling with complex, messy conversations✅ Developers wanting specialized AI assistance for different project areas✅ Teams looking to streamline their AI-assisted development workflow✅ Anyone building full-stack applications with AI assistance🛠️ TOOLS COVERED:• Claude Code (subagents feature)• Context7 MCP (up-to-date documentation tool)⏰ DETAILED TIMESTAMPS:00:00 - Introduction to Claude Code sub-agents02:38 - Managing agents with /agents command02:48 - Creating your first specialized agent (code reviewer)04:24 - Configuring agent tools and permissions05:30 - Selecting models and agent colors for identification06:57 - Testing the code reviewer agent with transaction code08:02 - Building a Next.js backend engineer agent09:25 - Creating a frontend specialist with React/Tailwind focus11:33 - Using @ symbol to call specific agents directly12:15 - Orchestrating complex workflows between multiple agents13:24 - Reviewing the improved UI with animations and icons🚀 GET STARTED:📺 Previous Video: Building Budget App from Scratch with Claude Codeyoutu.be/1JDVrQr2pPc💡 WHY SUBAGENTS?Sub-agents keep your conversations clean and focused while delivering better results through specialized system prompts and dedicated contexts for each development task.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #AIAgents #Anthropic
How To Use Claude Code (Claude Code Tutorial) Leon van Zyl 2025-08-04 | How to use Claude Code for BEGINNERS.Master Claude Code with a complete workflow that works every single time - no coding experience required!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Build a complete budget tracking app from scratch using Claude Code🔹 Master essential Claude Code workflows and best practices🔹 Create custom memory files and slash commands for better productivity🔹 Set up automated hooks and audio notifications for long processes🔹 Use planning mode to create technical implementation documents🔹 Implement version control with commits and rollbacks🎯 PERFECT FOR:✅ Claude Code beginners wanting to learn proper workflows✅ Developers looking to maximize AI coding productivity✅ Anyone wanting to build full-stack apps without manual coding🛠️ TOOLS COVERED:Claude Code (AI-powered coding assistant)Next.js (Full-stack React framework)SQLite (Lightweight database solution)Drizzle ORM (Database connection layer)Terminal Setup (Command line optimization)Git Version Control (Project checkpoints)Custom Hooks (Automation triggers)Cursor (Code editor integration)⏰ DETAILED TIMESTAMPS:00:00 - Introduction to Claude Code best practices00:20 - Starting Claude Code and permission modes01:06 - Terminal setup and workspace optimization02:06 - Setting up Next.js project structure03:14 - Adding SQLite database and Drizzle ORM04:14 - Understanding Claude Code's todo lists05:02 - Running the development server05:41 - Creating Claude.md memory files07:01 - Adding custom memory rules with hashtags08:12 - Using /init command for automatic setup09:16 - Building the budget tracking application11:18 - Fixing styling and error handling issues13:39 - Creating commits and version control15:43 - Context management with /clear and /compact17:23 - Creating custom slash commands19:43 - Planning mode vs auto-accept modes21:12 - Creating PRDs and implementation plans24:02 - Implementing technical specifications26:00 - Setting up custom hooks for notifications29:00 - Processing images for styling themes🚀 GET STARTED:📺 Claude Code Playlist:youtube.com/playlist?list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlcDownload Bell Sounds: mixkit.co/free-sound-effects/bellStyling Template: app.uizard.io/templates/PjXBoyAKjWFnZZK7AnA5/preview💡 WHY CLAUDE CODE?Claude Code eliminates the need to manually write code while giving you full control over your project structure and implementation decisions, making it perfect for rapid prototyping and production-ready applications.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ClaudeCode #AIAutomation #NoCode
Ollama Just Released Their Own App (Complete Tutorial) Leon van Zyl 2025-07-31 | 🤖 Ollama just launched their own ChatGPT-style interface - no more terminal commands needed to run local AI models securely on your machine!⚡ WHAT YOU'LL BUILD/LEARN:🔹 Set up Ollama's brand new chat interface in minutes🔹 Download and run AI models directly from the UI (no terminal required)🔹 Upload documents for AI analysis and Q&A sessions🔹 Test cutting-edge reasoning models like DeepSeek R1🔹 Create custom AI characters with personalized system prompts🔹 Optimize context length for better document processing🎯 PERFECT FOR:✅ Privacy-conscious users wanting local AI control✅ Beginners intimidated by command-line interfaces✅ Developers testing different AI models locally✅ Open Web UI users looking for simpler alternatives✅ Anyone wanting free, offline AI capabilities🛠️ TOOLS COVERED:Ollama (local LLM management platform)Llama 3.2 (Meta's lightweight chat model)DeepSeek R1 (advanced reasoning model)Gemma3 (multimodal vision capabilities)⏰ DETAILED TIMESTAMPS:00:00 - Ollama's new chat app introduction01:04 - Download and install Ollama setup01:32 - Model downloading through UI interface02:29 - Chat functionality and document uploads03:22 - Context length settings optimization04:16 - DeepSeek R1 reasoning model demo05:00 - Vision capabilities with multimodal models05:43 - Creating custom models with system prompts07:15 - Testing custom Mario character model08:11 - Feature requests and final thoughts🚀 GET STARTED:📄 Ollama Download: ollama.com📺 Complete Ollama Course: youtu.be/Lb5D892-2HY💡 WHY OLLAMA?Finally eliminates the complexity of running local AI models - now anyone can have ChatGPT-style conversations with open-source models running completely offline and privately on their own machine.🙏 SUPPORT THE CHANNEL:☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 CONNECT:🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#ollama
Stop Sending Claude Code Prompts Too Early! (Line Break Fix) Leon van Zyl 2025-07-29 | Struggling with Claude Code sending your prompts too early? Learn the simple /terminal-setup trick to add multiple lines to your prompts using Shift+Enter. Perfect for complex coding requests!Watch My Claude Code Tutorials:youtube.com/playlist?list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlc#claudecode #anthropic
n8n Tutorial for Beginners: Complete AI Automation Guide (Build Anything!) Leon van Zyl 2025-07-25 | 🤖 Build powerful AI automation workflows with n8n - no coding required! This complete 98-minute masterclass shows you how to create AI-powered business automation from scratch.💰 **SAVE 10% ON N8N HOSTING**: Get additional 10% off Hostinger! Link: hostinger.com/leon | Code: LEON⚡ **WHAT YOU'LL BUILD:**🔹 AI-powered email automation system🔹 Smart customer support chatbot with sentiment analysis 🔹 Website & Telegram integration🔹 Automated Google Sheets workflows🔹 Production-ready deployments🎯 **PERFECT FOR:**✅ Business owners wanting to automate workflows✅ Complete beginners (no coding experience needed)✅ Zapier users looking for more powerful alternatives✅ Anyone interested in AI automation🛠️ **TOOLS COVERED:**- n8n (workflow automation)- OpenAI & Claude (AI models)- Ollama (free local AI)- PostgreSQL (database)- Gmail, Google Sheets integration- Telegram & WhatsApp bots⏰ **DETAILED TIMESTAMPS:**00:00 - Introduction to N8N and AI Workflow Automation00:53 - N8N Setup Options (Cloud, Self-Hosted, Local)11:32 - AI Powered Motivational Quotes Workflow16:33 - Setting Up AI Models (OpenAI, Anthropic, Ollama)23:33 - Email Automation and Google Sheets Integration41:16 - Advanced AI Customer Feedback System46:16 - AI Sentiment Analysis and Conditional Workflows56:33 - Building Your First AI Agent with Custom Knowledge Base1:03:16 - Agent Reservation System Integration1:09:16 - Agent Human Support Handoff Integration1:13:33 - Setting Up Persistent Databases (PostgreSQL & Vector Storage)1:17:00 - Deploying Workflows to Production1:25:00 - Website Chat Widget Integration1:30:33 - Creating Telegram Bots with BotFather1:36:00 - Final Testing and Conclusions🚀 **GET STARTED:**📄 Hostinger n8n Template: support.hostinger.com/en/articles/10473267-how-to-use-the-n8n-vps-template📄 N8N Cloud (14-day free trial): n8n.partnerlinks.io/f7f19w3vrhin📺 Complete n8n Playlist: youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7O📱 n8n WhatsApp Agent Tutorial: youtu.be/LekI91ISf_8💡 **WHY n8n?**Unlike Zapier's limited free tier, n8n offers unlimited workflows and runs when self-hosted. Perfect for businesses wanting full control over their automation without monthly limits.🙏 **SUPPORT THE CHANNEL:**☕ Buy me a coffee: buymeacoffee.com/leonvanzyl💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW👋 **CONNECT:**🔔 Subscribe for weekly AI automation tutorials🐦 Follow on Twitter: https://x.com/leonvz#n8n #AIAutomation #aiagents
Claude Code MCP: How to Add MCP Servers (Complete Guide) Leon van Zyl 2025-07-21 | Learn how to supercharge your Claude Code agents by adding MCP servers in this complete tutorial. Discover how to integrate Model Context Protocol servers like Context7 for up-to-date documentation and Bright Data for web scraping capabilities. This step-by-step guide covers both remote and STDIO server setup, environment variable configuration, Windows-specific installation without WSL, and practical demos showing your AI agents accessing live data and APIs. Perfect for developers looking to extend Claude Code functionality with custom tools and integrations.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Claude Code Setup: youtu.be/hpMrTabldEY🕒 TIMESTAMPS00:00 - Introduction to MCP Servers for Claude Code00:42 - Types of MCP Servers (Remote vs Local)02:42 - Adding Remote MCP Server (Context7)03:56 - MCP Add Command Structure07:46 - Adding STDIO Servers10:26 - Environment Variables & API Keys11:16 - Windows Setup Without WSL12:20 - Advanced Setup: Bright Data MCP Server16:09 - Live Demo: Testing Both MCP Servers#claudecode
Claude Code on Windows - EASY Setup & Cursor Integration (Step-by-Step) Leon van Zyl 2025-07-14 | Setup Claude Code on Windows and add to Cursor.Learn how to set up Claude Code on Windows with native support - no WSL required! This tutorial covers complete installation, basic usage for coding tasks, and integration with popular IDEs like Cursor and VS Code. Perfect for developers wanting to use Anthropic's AI coding agent on Windows. Includes Node.js setup, authentication, and live coding demonstrations.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Nodejs: nodejs.org/en🕒 TIMESTAMPS:0:00 - Introduction to Claude Code Windows Native Support0:25 - Installing Node.js Prerequisites1:00 - Claude Account Setup (Pro/Max vs API)2:12 - Installing Claude Code via NPM2:28 - Authentication and Initial Setup3:09 - Using Claude Code in Terminal/Command Prompt4:27 - Building Snake Game Demo with Virtual Environment6:01 - Adding Claude Code to IDEs (Cursor/VS Code)7:03 - Two-Player Snake Game Modification Demo8:23 - Wrap-up and Final Thoughts#claudecode #anthropic
How to Add Grok 4 to n8n AI Agents (+Vision and Real-Time Search) Leon van Zyl 2025-07-14 | Learn how to integrate Grok 4 with n8n workflows in this complete step-by-step tutorial. We'll show you how to set up Grok 4 API credentials, create AI agents, and compare Grok 4's coding performance against Claude Sonnet through a practical coding challenge. Discover Grok 4's multimodal capabilities including vision processing for image analysis and built-in web search features that provide real-time information with citations.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhinn8n Playlist: youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7O🕒 TIMESTAMPS:00:00 - Introduction to Grok 4 and n8n Integration00:29 - Setting Up x.ai API Account and Credentials01:44 - Creating n8n Workflow with Grok 4 Agent02:48 - Grok 4 vs Claude Sonnet Coding Challenge05:00 - Testing Claude Sonnet App Results07:15 - Testing Grok 4 App Performance and Fixes11:26 - Adding Vision Capabilities to Grok 4 Workflows14:25 - Implementing Built-in Web Search Features16:08 - Final Results and Conclusions-------------------------------------------------------------------------------------VISION JSON-------------------------------------------------------------------------------------{ "messages": [ { "role": "user", "content": [ { "type": "text", "text": "What do you see in this image?" }, { "type": "image_url", "image_url": { "url": "images.pexels.com/photos/32507137/pexels-photo-32507137.jpeg", "detail": "high" } } ] } ], "model": "grok-4"}-------------------------------------------------------------------------------------LIVE SEARCH JSON-------------------------------------------------------------------------------------{ "messages": [ { "role": "user", "content": "What is the latest news from openai?'" } ], "model": "grok-4", "search_parameters": { "mode": "auto" }}#n8n #aiagents #grok4
Build a DEEP Research Agent That Doesnt Suck (Flowise AI Tutorial) Leon van Zyl 2025-07-09 | This video demonstrates how to build a powerful deep research agent flow using Flowise that actually works effectively. Learn to create a multi-agent system with a planner orchestrator that spawns specialized subagents for targeted research tasks, uses iteration nodes to process multiple research queries simultaneously, and generates comprehensive reports with proper citations. The tutorial covers integrating web search tools, web scrapers, and research databases while implementing conditional logic to determine when additional research is needed, creating a robust automated research workflow that produces detailed, well-sourced reports.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Download Agentflow & Prompts: github.com/leonvanzyl/flowise-masterclass-2025/tree/master/Deep%20Research%20Agentflow🕒 TIMESTAMPS:00:00 - Introduction to Deep Research Agents00:38 - Problems with Existing Research Models01:33 - Anthropic's Multi-Agent Research System Theory02:33 - FlowWise Implementation Overview05:42 - Setting Up Form Input and Flow State Variables07:28 - Iteration Node Demo and How It Works11:00 - Building the Planner Agent with JSON Output13:00 - Creating Research Subagents with Tools14:00 - Adding Tavily API and Web Scraper Tools16:00 - Testing Individual Subagent Performance17:00 - Building the Writer Agent for Report Generation19:00 - Adding Condition Agent for Quality Control20:33 - Implementing Loop Back Logic to Planner22:00 - Final End-to-End Workflow Testing23:30 - Results and Conclusion#flowise #aiagents #deepresearch
Build AI Agents With Human Feedback (Flowise Tutorial) Leon van Zyl 2025-07-07 | Learn how to add Human in the Loop functionality to your Flowise AI agent workflows to get better results, reduce token costs, and maintain control over your AI agents. This comprehensive tutorial shows you how to build feedback loops, tool approval systems, and persistent state management that survives server restarts.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8🕒 TIMESTAMPS:00:00 - Introduction to Human in the Loop00:38 - What is Human in the Loop?02:38 - Building the Research Agent in Flowise05:42 - Adding Tools (Google Search & Web Scraper)07:23 - Testing the Research Agent with Tool Approval09:00 - Creating Title and Outline LLM Node11:00 - Adding Human Input Node for Feedback12:47 - Testing Feedback Loop and Rejections14:37 - State Persistence Feature (Server Restart Demo)16:18 - Adding Blog Post Writer Feedback Loop17:33 - Setting Up Email Agent with Gmail Integration19:16 - Google Cloud Console OAuth Setup22:20 - End-to-End Workflow Testing23:30 - Final Results and Conclusion#flowise #aiagents
How I Add REAL-TIME Web Scraping to Any AI Agent (Bright Data MCP) Leon van Zyl 2025-06-25 | Learn how to add powerful real-time web scraping capabilities to your AI agents using Bright Data's MCP server in this comprehensive Flowise tutorial. Discover why traditional search tools like Brave Search and Serp API only perform basic Google searches without actually scraping website content, and see how to overcome web scraping challenges like IP blocking, captchas, and dynamic content. This step-by-step guide shows you how to set up the MCP server, configure API keys, and enable your AI agents to extract real-time data from any website including Amazon product searches, OpenAI news articles, and hundreds of other platforms. Perfect for developers looking to enhance their AI workflows with limitless web data infrastructure that bypasses all traditional scraping limitations.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Bright Data: brdta.com/leonvanzylBright Data MCP Github: github.com/brightdata/brightdata-mcpFlowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Use local models: youtu.be/GE9IlksvGiU🕒 TIMESTAMPS:0:00 - Intro0:22 - Limitations of Traditional Search Tools2:18 - Web Scraping Challenges3:24 - Setting Up Bright Data Account4:07 - Configuring MCP Server in Flowwise6:01 - Testing OpenAI News Scraping7:01 - Amazon Product Search Demo8:28 - Results#flowise #aiagents #webscraping
How to Add MCP Servers to AI Agents (FlowiseAI Tutorial) Leon van Zyl 2025-06-21 | Learn how to supercharge your Flowise agents by adding MCP (Model Context Protocol) servers for real-time documentation access. This step-by-step tutorial shows you how to upgrade from basic LLM nodes to powerful agent nodes that can call tools and retrieve up-to-date documentation using Context7 MCP integration. Follow along as we enhance a software development AI team and build a Flowise assistant that accesses the latest Next.js, Tailwind, and Flowise documentation in real-time. Perfect for developers looking to build smarter AI agents that provide accurate, current information instead of outdated responses. Includes complete setup instructions for custom MCP server configuration, tool calling demonstrations, and practical examples you can implement immediately in your own Flowise workflows.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Use local models: youtu.be/GE9IlksvGiU🕒 TIMESTAMPS:00:00 - Introduction & MCP Enhancement Request00:42 - What is MCP (Model Context Protocol)?01:34 - Context7 Documentation Repository Overview01:49 - Replacing LLM Node with Agent Node03:23 - Adding Custom MCP Server to FlowWise04:47 - Testing Enhanced Software Development Team05:15 - Analyzing MCP Tool Usage & Results06:48 - Building Flowise Assistant Example07:56 - Testing Flowise Assistant with Real Documentation#flowise #aiagents #mcpserver
How to Build AI Agent Teams in Flowise (Step-by-Step) Leon van Zyl 2025-06-20 | Learn how to build powerful AI teams in Flowise with this comprehensive step-by-step tutorial covering supervisor patterns, multi-agent workflows, and intelligent task coordination. This guide shows you how to create a supervisor system that orchestrates specialized AI workers—including software engineers and code reviewers—through conditional routing, flow state management, and JSON structured output. You'll master advanced Flowise techniques like enum validation, loop nodes, and worker coordination to build production-ready AI systems capable of handling complex development tasks autonomously. Perfect for developers wanting to move beyond single AI implementations, this tutorial demonstrates practical team orchestration using GPT-4, smart routing patterns, and collaborative workflows that actually work together to deliver complete solutions.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Use local models: youtu.be/GE9IlksvGiU🕒 TIMESTAMPS:00:00 - Introduction to Supervisor Teams in Flowise00:41 - Creating the Supervisor Node Setup02:20 - Adding Conditional Routing Logic03:23 - JSON Structured Output & Enum Values05:42 - Flow State Management Implementation09:04 - Building Worker Nodes (Software Engineer)11:47 - Adding Code Reviewer Worker14:22 - Final Answer Generator & Testing16:41 - Conclusion and Next Steps#flowise #aiagents
Shared State in Flowise is Literally Game Changing Leon van Zyl 2025-06-19 | Learn how to use Flowise shared state to build more efficient AI agent workflows that outperform traditional conversation history approaches. This complete tutorial covers Flow State variables, conditional logic, and real examples showing how to optimize token usage and improve LLM performance in your Flowise projects.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Use local models: youtu.be/GE9IlksvGiU🧠 I can build your chatbots for you!cognaitiv.ai🕒 TIMESTAMPS:00:00 - What is Shared State in Flowwise01:57 - Problems with Conversation History03:03 - Introduction to FlowState Variables05:08 - Building Your First Shared State Flow12:31 - Setting Up FlowState Variables16:40 - Advanced Conditional Logic Example21:08 - Using Custom Functions vs LLM Nodes26:50 - Final Implementation & Results#flowise #aiagents
VectorShift Just Launched AI Agents - Heres Everything New Leon van Zyl 2025-06-18 | VectorShift just revolutionized AI agent development! Learn how to build powerful AI agents without coding in this complete tutorial. Watch me create an AI agent that performs web research, queries custom knowledge bases, scrapes websites, sends emails, and generates detailed reports - all automatically. This VectorShift AI agents tutorial covers everything from basic setup to advanced pipeline integration, perfect for anyone wanting to automate workflows with no-code AI solutions. Start building AI agents today!🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:VectorShift: vectorshift.ai🕒 TIMESTAMPS:00:00 - VectorShift AI Agents Introduction00:26 - Accessing the New Agents Feature00:55 - Creating Your First AI Agent (Jarvis)01:20 - Basic Agent Configuration & Setup01:41 - Setting Agent Instructions & System Prompts02:02 - Adding Custom Knowledge Base Tool02:21 - Creating Oak and Barrel Knowledge Base03:17 - Testing Knowledge Base Integration03:51 - Adding Web Search Capabilities04:25 - Testing Real-Time Weather Search04:42 - Adding URL Scraping Tool05:16 - Testing Website Content Extraction05:32 - Adding Gmail Email Integration06:29 - Testing Complete Workflow (Scrape + Email)06:52 - Creating Blog Post Generator Pipeline08:22 - Testing Blog Post Generation08:42 - Adding Deep Research Pipeline10:17 - Deploying Agent in Pipeline Workflow11:00 - Testing Complete Research & Email Automation12:33 - Viewing Agent Execution Trace13:16 - Final Results & Wrap-Up#vectorshift #aiagents
How to Host AI Agents for $5/Month (Flowise + Hostinger Guide) Leon van Zyl 2025-06-16 | Get an additional 10% when you sign up for Hostinger!http://hostinger.com/leon10 Use coupon code LEON at checkout.Discover how to host your FlowiseAI agents on a VPS for just $5/month instead of $35 with Hostinger. This tutorial shows you step-by-step how to set up a powerful FlowiseAI instance on Hostinger - perfect for building AI agents and advanced agentflows. You'll learn how to configure your server, create a simple AI agent with web search capabilities, and maintain your instance. 🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Flowise VPS Template article: support.hostinger.com/en/articles/11320703-how-to-use-the-flowise-vps-templateSign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8🕒 TIMESTAMPS:00:00 - Why Run Flowise Locally00:40 - Limitations of Local Setup01:01 - Flowise Cloud vs Self-Hosting02:13 - Hostinger VPS Setup for Flowise03:33 - Installing Flowise on Hostinger04:34 - Accessing Flowise Dashboard05:17 - Keeping Flowise Up to Date06:52 - Building the First Agent08:00 - Connecting Knowledge Base09:30 - Setting Up Vector Database10:57 - Fixing SSL Certificate Error11:46 - Uploading Documents to Vector DB12:16 - Linking Knowledge Base to Agent12:50 - Testing the Agent13:43 - Embedding Agent on a Website14:33 - Final Thoughts & Subscribe Call-to-Action#flowise #aiagents #hostinger
How to Build a Local AI Agent With Flowise (Ollama, Postgres) Leon van Zyl 2025-06-13 | In this easy Flowise tutorial, you’ll learn how to build powerful AI agents that run completely on your own computer — no cloud, no coding needed. We’ll show you how to set up Flowise, connect it to a local knowledge base using a vector database, and start chatting with your custom data in minutes. Whether you’re using local models or just want full control and privacy, this video will guide you through everything step-by-step. Perfect for creators, educators, and entrepreneurs using no-code tools to build AI workflows with Flowise.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Docker command:docker run -d --name pgvector-db -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=vector_test -p 5432:5432 ankane/pgvector🕒 TIMESTAMPS:00:00 - Intro00:10 - Why Run Locally00:30 - Flowise Local Setup00:40 - Vector Database Setup00:45 - Record Manager01:01 - Running Local Models02:01 - Knowledge Base Upload02:30 - Testing Agent10:17 - Final Thoughts#flowise #aiagents
STOP Building Dumb AI Agents – Do This Instead Leon van Zyl 2025-06-09 | Learn how to supercharge your AI agents in Flowise using Retrieval Augmented Generation (RAG). In this tutorial, we explore multiple ways to enhance your agent's ability to answer questions by integrating external tools like the SERP API for live Google searches and custom knowledge bases using document stores. Whether you're building chatbots or internal AI tools, this no-code walkthrough will help you build smarter, context-aware agents that actually understand and respond with relevant information. Perfect for beginners and Flowise v3 users looking to level up their AI workflows.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8🕒 TIMESTAMPS00:00 - Intro00:02 - Overview of AI Agent from Previous Video00:35 - Assigning Tools to the Agent01:14 - Uploading Documents and Images02:24 - Asking the Agent Questions03:03 - Customizing the Prompt04:03 - Adding System Prompt Context05:09 - Troubleshooting Context Awareness06:02 - Providing Context Dynamically07:33 - Agent Performing a Google Search08:37 - Using the SERP API Tool09:32 - Context-Based Responses from Agent10:44 - Uploading a PDF Document11:35 - Large Document Limitations12:32 - Retrieving Relevant Documents13:32 - Uploading Chunks to Vector Store14:42 - Naming the Knowledge Base16:02 - Connecting the Document Store17:00 - Using Agent Flows18:09 - Setting Up Document Store Tool19:39 - Defining the Knowledge Base20:32 - Enabling File Uploads21:36 - Allowing Image Uploads22:00 - Wrapping Up#flowise #aiagents #retrievalaugmentedgeneration
YOU WONT BELIEVE How Simple Building AI Agents Gets with Flowise v3 Leon van Zyl 2025-06-04 | 🚀 Learn how to build powerful AI agents using Flowise v3 — a no-code AI builder packed with new features like AgentFlows, custom knowledge bases, web search integration, and email automation. In this step-by-step tutorial, we’ll walk you through creating an AI assistant that can search Google, answer questions from uploaded documents, and connect to tools like Gmail and external APIs.🔧 You’ll also discover how to set up document stores, chunk and vectorize your data with OpenAI embeddings, and integrate a Postgres vector database using platforms like Supabase. Plus, we explore real-world tools like SERP API and Composio to extend your AI agent’s capabilities even further.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8🕒 TIMESTAMPS00:00 - Intro & What’s New in Flowise v300:43 - Demo: Querying a Custom Knowledge Base01:46 - Performing a Live Web Search with an AI Agent02:35 - Sending Emails via Gmail Integration03:30 - Building AI Agents Using Flowise Agentflows04:28 - Adding Tools like Web Search & Calculators05:33 - Using SERP API in Flowise06:56 - Handling Current Date with Date/Time Tool08:00 - Creating and Managing Document Stores09:17 - Uploading Data & Chunking Documents10:44 - Vector Database & Embeddings Setup12:00 - Avoiding Duplicates with Record Manager13:27 - Uploading & Abserting Menu Data (CSV)14:33 - Testing Document Retrieval15:10 - Using the Document Store in Your Agent16:00 - Integrating with External Apps using Composio17:26 - Setting up Gmail Integration via Composio18:52 - Sending Emails from Agent (Demo)19:45 - Outro & What’s Coming in Future Videos#flowise #aiagents
Flowise v3 Complete Tutorial: Build AI Agents WITHOUT Coding Leon van Zyl 2025-06-03 | Discover everything you need to know about Flowise v3, the open-source no-code platform for building powerful AI-driven solutions. In this video, we cover Agent Flows v2, seamless LLM integration (including OpenAI), and advanced features like human-in-the-loop, custom knowledge bases, and document store functionality. Learn how Flowise puts AI capabilities front and center—unlike N8N, Zapier, or MEG.com—and find out how to install it locally, use Flowise Cloud’s free tier, and self-host for unlimited flows. We walk through the Flowise dashboard, demonstrate creating your first AI agent, and explore state management, conversation memory, and debugging tools to optimize performance. Whether you’re a developer, no-code enthusiast, or AI hobbyist, this tutorial will help you leverage Flowise’s robust features to build multi-agent AI systems, automate workflows, and integrate external APIs with ease.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for Flowise Cloud: cloud.flowiseai.com/register?via=leonvanzylFlowise v3 Playlist: youtube.com/playlist?list=PL4HikwTaYE0FFKifDJcgnP23LjGAZjzL8Create OpenAI API Key: youtu.be/gBSh9JI28UQ🕒 TIMESTAMPS: 00:00 - Intro to Flowise v300:16 - Key Features Overview00:55 - Flowise vs N8N, Zapier, MEG.com01:39 - Flowise Open Source & Licensing02:28 - Flowise Cloud Free Tier & Pricing03:40 - Installing Flowise Locally05:00 - Flowise Dashboard Walkthrough05:45 - Chat Flows vs Agent Flows v207:31 - Building AI Agents with Flowise09:16 - Custom API & Integrations10:15 - Document Store & Knowledge Bases11:18 - Creating Your First Agent Flow13:33 - Adding LLM Nodes (OpenAI)16:46 - Conversation Memory & State Management18:33 - Executing & Testing Flows20:22 - Advanced Node Configurations22:04 - Debugging & Execution Logs22:30 - Next Steps & Outro #flowise #aiagents
Build an AI Chatbot in Minutes (Vectorshift) Leon van Zyl 2025-06-02 | Discover how to use Vectorshift’s new conversational nodes—Talk and Listen—to build a restaurant chatbot. We cover integrating a custom knowledge base with OpenAI for Q&A and syncing reservations to Google Sheets.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:VectorShift: vectorshift.aiVectorShift Playlist: youtube.com/playlist?list=PL4HikwTaYE0GXMAoYlvZ2mH9Kx5k8pOoa🕒 TIMESTAMPS:00:00 – Intro & Demo02:39 – Create Conversational Pipeline04:24 – Collecting User Details (Name & Email)07:02 – Knowledge Base Q&A Setup13:58 – Looping & Merge Node15:36 – Reservation Flow Setup16:19 – Google Sheets Integration18:09 – Final Demo & Outro#vectorshift
Build a Powerful AI Image Generator using n8n, Lovable and OpenAI Leon van Zyl 2025-05-06 | Learn how to create a powerful AI image generator without writing a single line of code! This step-by-step tutorial shows you how to combine n8n workflows with Lovable's AI-powered UI builder and OpenAI's cutting-edge Image-1 model. Perfect for no-code enthusiasts and AI beginners, you'll discover how to set up webhook integrations, configure the OpenAI API, and troubleshoot common issues. The result? A professional, modern application that generates high-quality AI images from text prompts - with exceptional text rendering capabilities that outperform other models. Whether you're building AI solutions for fun or professional use, this accessible tutorial demonstrates how powerful AI technology can be harnessed without programming knowledge. Join the no-code AI revolution and start creating your own image generation applications today!🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhinn8n Playlist: youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7O🕒 TIMESTAMPS:00:00 | Introduction00:49 | Image-1 Model Demo01:34 | Project Overview01:58 | n8n Workflow Setup02:17 | OpenAI Node Config03:27 | Quality Settings04:33 | Webhook Configuration05:48 | Response Handling07:14 | Connecting Prompt Data08:26 | Activating Workflow08:47 | Lovable UI Building10:40 | Testing Integration12:17 | Publishing App13:01 | Conclusion & Next Steps#n8n #lovable #openai
How to Host n8n in the Cloud Cheaper (Save 70%) Leon van Zyl 2025-04-29 | Get an additional 10% when you sign up for Hostinger!Link: hostinger.com/leonUse Code LEON as checkout.Discover how to host your n8n workflows in the cloud for just $7/month instead of $25+ with Hostinger. This tutorial shows you step-by-step how to set up a powerful n8n instance on Hostinger - perfect for AI automation projects and client workflows. You'll learn how to configure your server, create a simple AI agent with web search capabilities, and maintain your instance. Stop overpaying for cloud hosting and deploy production-ready n8n workflows today!🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Hostinger n8n Template docs: support.hostinger.com/en/articles/10473267-how-to-use-the-n8n-vps-templateSign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhinn8n Playlist: youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7O🕒 TIMESTAMPS:00:00 - Intro01:06 - Hostinger Setup03:23 - Setting up n8n05:19 - Accessing n8n06:18 - Creating an AI Agent10:59 - Update n8n#n8n #aiagents #hostinger
Save HOURS! Screen Resumes using AI (Vectorshift Tutorial) Leon van Zyl 2025-04-22 | Discover how to build an AI-powered resume screening system with VectorShift's no-code platform! This tutorial walks both technical and non-technical professionals through creating a workflow that automatically evaluates candidates against job specifications, providing match percentages and AI reasoning. Perfect for agencies and consultants looking to deliver innovative AI solutions to clients without writing code. Learn to leverage VectorShift's new Workbooks feature while building a practical recruitment tool that saves hours of manual work. Elevate your service offerings with AI automation that impresses clients and delivers immediate ROI. Start building client-ready AI solutions today!🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:VectorShift: vectorshift.aiVectorShift Playlist: youtube.com/playlist?list=PL4HikwTaYE0GXMAoYlvZ2mH9Kx5k8pOoa🕒 TIMESTAMPS:00:00 - Intro00:36 - Demo01:04 - Into the VectorShift01:32 - Create new Workbook02:34 - Uploading Job Spec02:50 - Get Candidates from Google Sheet04:09 - Creating a sub pipeline05:26 - Adding LLM08:08 - JSON Output11:32 - Completing main pipeline12:23 - List mode14:09 - Add rows to spreadsheet
How To Connect WhatsApp to N8N (Step-by-Step Tutorial) Leon van Zyl 2025-04-16 | Learn how to build a sophisticated WhatsApp AI agent using N8N workflow automation in this step-by-step tutorial. Transform your WhatsApp experience with an intelligent assistant capable of processing text, images, and voice messages while responding with both text and audio replies. This comprehensive guide walks you through the entire process from setting up the Meta Developer platform to creating a fully functional AI-powered WhatsApp bot. The tutorial covers everything you need: configuring the WhatsApp Business Cloud API, building dynamic N8N workflows, implementing OpenAI for voice transcription and image analysis, and creating conditional paths for different message types.Key features demonstrated include:- Processing and responding to text messages- Transcribing voice messages and generating audio responses- Analyzing images and answering questions about them- Maintaining conversation memory and context- Integrating web search for real-time information- Accessing emails and to-do listsPerfect for automation enthusiasts, business owners wanting to enhance customer service, or developers looking to build practical AI applications. Download the workflow template for free and start building your own WhatsApp AI agent today!🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhinn8n Playlist: youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7ODownload the Workflow for Free: github.com/leonvanzyl/n8n-workflows/tree/main/2025/whatsapp-agent🕒 TIMESTAMPS:00:00 - Intro00:39 - Demo02:26 - Meta Whatsapp App setup04:32 - n8n Whatsapp Trigger06:05 - Adding AI Agent07:51 - Response to Whatsapp09:26 - Handling different input types (SWITCH)13:47 - Audio Input17:11 - Respond with Audio21:08 - Image Input25:45 - Tools26:28 - Note on Meta Verification
Build in MCP Server in n8n within minutes! Leon van Zyl 2025-04-11 | n8n now officially supports MCP (Model Context Protocol), which means you can create an MCP server in n8n and expose tools to AI agents apps like Cursor and Claude Desktop.You can also call MCP servers as tools from within n8n.Watch the full tutorial: youtu.be/Hs89msXJiIc#n8n #aiagents
Build Anything with MCP in n8n, Heres How! Leon van Zyl 2025-04-10 | N8n just added official support for MCP (Model Context Protocol)! This tutorial shows you how to build custom AI tools that connect directly with Claude Desktop and Cursor. Learn to create MCP servers for to-do management, emails, and content generation—all without coding. Discover how to configure your server, integrate AI applications, and even use N8n as an MCP client to access external services. Perfect for automation enthusiasts wanting to enhance workflows with powerful AI capabilities.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhin--------------------------------------------------------MCP CLIENT SETUP--------------------------------------------------------{ "mcpServers": { "n8n": { "command": "npx", "args": [ "-y", "supergateway", "--sse", "https://yoururl/sse" ] } }}🕒 TIMESTAMPS:00:00 - Intro01:03 - MPC Server Demo05:04 - Create MCP Server06:15 - Add n8n MCP Server to Claude Desktop07:34 - Add n8n MCP Server to Cursor08:50 - Calling other workflows12:00 - To Do List15:02 - MCP Client Node16:30 - Zapier SSE#n8n #aiagents
How to Build a Local AI Agent With n8n (NO CODE!) Leon van Zyl 2025-04-09 | Discover how to build a powerful AI agent that runs completely on your local machine in this step-by-step tutorial. Learn to combine N8N's workflow automation with Ollama's LLM capabilities and PostgreSQL's vector database features to create a responsive assistant that can access your documents, maintain conversation history, and retrieve real-time information from the web.This video demonstrates a cost-effective solution requiring no paid API services or cloud subscriptions. You'll see how to properly configure Ollama with two essential models, set up Docker with PostgreSQL for vector search, and orchestrate everything through N8N's intuitive interface.Perfect for developers, AI enthusiasts, and business users looking to implement private AI solutions, this tutorial covers common troubleshooting issues and provides simplified alternatives to more complex setups. Watch as your agent retrieves information from uploaded documents, maintains context across conversations, and delivers accurate responses using locally-run large language models.If you're interested in self-hosted AI tools that respect your privacy while delivering powerful functionality, this comprehensive guide walks you through building an extensible foundation you can customize for your specific needs.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Sign up for n8n Cloud: n8n.partnerlinks.io/f7f19w3vrhin--------------------------------------------------------POSTGRES DOCKER COMMAND:--------------------------------------------------------docker run --name pgvector-container -e POSTGRES_USER=myuser -e POSTGRES_PASSWORD=mypassword -e POSTGRES_DB=mydatabase -p 5432:5432 -d ankane/pgvector🕒 TIMESTAMPS:00:00 - Intro00:33 - Demo02:29 - Note on Starter Kit02:55 - Ollama Setup04:31 - Postgres Setup06:20 - n8n Setup07:01 - Create AI Agent08:49 - Assign LLM (Ollama Node)10:01 - Chat Memory (Postgres)11:44 - Postgres Chat Memory13:13 - Adding Tools13:42 - Adding RAG (Postgres)15:13 - Using OpenAI Node instead16:24 - Housekeeping17:02 - Add Web Search17:59 - Add Docs to Vector DB#n8n #aiagents #ollama
Automate Your Browser with AI! Build a Computer Using Agent (OpenAI API) Leon van Zyl 2025-04-02 | This engaging tutorial demonstrates how to create Computer Using Agents (CUAs) that can automate browser tasks on your behalf. The video walks through implementing an AI agent that can interact with web browsers to perform searches, navigate pages, and click on elements using the OpenAI API and Playwright. Viewers will learn how to set up a browser environment, implement a feedback loop between the agent and browser, handle various actions like clicking, typing, and scrolling, and troubleshoot common issues like managing multiple tabs. Perfect for developers looking to build AI assistants that can interact with web interfaces, this step-by-step guide covers everything from initial setup to executing complex web navigation tasks automatically.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Watch my full Responses API Course: youtube.com/playlist?list=PL4HikwTaYE0GgR36Px9iXb9bNgrLihCnGResponses API Docs: platform.openai.com/docs/api-reference/responsesCode in Github: github.com/leonvanzyl/openai-responses-api-tutorial-python🕒 TIMESTAMPS:00:00 - Intro00:58 - CUA Loop Explained01:48 - Project Setup04:40 - Playwrite setup10:14 - Implementing CUA Loop13:14 - Browser Screenshot15:03 - Send screenshot to agent21:42 - (TIP) Displaying Screenshot23:18 - Implementing Actions24:20 - Handling multiple browser tabs29:28 - Adding remaining actions30:32 - Final Demo#openai #openaiapi #aiagents
How to add Custom Tools to AI Agents (EASY!) Leon van Zyl 2025-04-01 | Learn how to enhance your AI agents with custom tools using the OpenAI Responses API in this step-by-step Python tutorial. Discover how to build practical functionalities like a to-do list retriever and real-time weather data integration that your AI can dynamically access. This guide walks you through creating function schemas with Pydantic, handling tool calls, and managing conversation context to create more powerful and versatile AI assistants. Perfect for developers looking to extend AI capabilities beyond built-in features and create agents that can interact with external data sources.🙏 Support My Channel:Buy me a coffee ☕ : buymeacoffee.com/leonvanzylPayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW📑 Useful Links:Watch my full Responses API Course: youtube.com/playlist?list=PL4HikwTaYE0GgR36Px9iXb9bNgrLihCnGResponses API Docs: platform.openai.com/docs/api-reference/responsesCode in Github: github.com/leonvanzyl/openai-responses-api-tutorial-python🕒 TIMESTAMPS:00:00 - Intro00:50 - Get Todos Tool02:15 - Creating schema with Pydandic05:24 - Calling Tool Functions11:56 - Add a Tool with Arguments (Weather)15:50 - Multiple Tool Calls#openai #openaiapi #aiagents
