Full courses + unlimited support:
All my FREE resources:
Apply for my YT podcast:
Work with me:
My Tools💻
FREE MONTH voice to text:
Code NATEHERK for 10% off VPS (annual plan):
Links:
n8n-MCP:
n8n-skills:
Github MCP:
Frontend designer claude skill:
In this video, I show you how to use Claude Code with n8n to build pretty much anything, from automations to full web apps.
I walk through how to connect Claude Code real madrid vs barcelona to the n8n MCP server so it understands all the nodes, configurations, and how workflows actually work, and how to give it n8n skills so it can build and modify workflows effectively. Then I show you how to take existing n8n workflows, analyze and optimize them, and turn them into real front-end apps.
We go through building the app, pushing it to GitHub, keaton wagler and deploying it on Vercel so you can see the full end-to-end pipeline. This setup makes it way easier than most people think to go from workflow to real product.
Sponsorship Inquiries:
Connect with me:
TIMESTAMPS linkiesta
00:00 Quick Demo
03:20 Setting Up Claude Code Project
09:10 System Architecture Breakdown
11:15 Connecting MCP Servers and Skills
16:19 Front End Build Starts
22:50 Troubleshooting Front End
28:00 Pushing to GitHub and Vercel
34:32 Security, Scaling, Pricing, Final Thoughts
