Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

How to build a $25K website with AI, every click from zero (Claude Code + n8n, beginner guide) An agency would charge about twenty-five thousand dollars for this website. Here's how you build it with AI, from zero, every click, and wire it so every good lead gets a...

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

MCP explained in one drawing: how your AI gets inside your apps (Claude, n8n, Gmail) Here's how your AI actually gets inside your apps. It's called MCP, and it fits in one drawing. On its own, an AI is a brain in a box. It can talk and think, but it can't open your email or build anything in n8n. It has no hands. 1. The door is the API. Most apps have a door for other software: Gmail has one, GitHub has one, n8n has one. Every door is a different shape, with its own rules and its own key. 2. The plug is MCP. It's one standard shape. On one side is the AI. On the other side is a small program called an MCP server, one per app, and it knows that app's door. The AI plugs in, and the server does the walking through the door. 3. The menu is the list of tools. When the AI plugs in, it sees every tool the app offers, in plain words. Gmail's server offers create a draft, search mail and read a message. n8n's server offers list workflows, create a workflow and test it. The AI reads the list like a menu, picks a tool and calls it. That's how Claude builds a whole workflow inside n8n, node by node, and checks its own work, while you never open n8n. 4. Connecting one takes one sentence. In Claude Code, say: "Connect yourself to my n8n, here's the address and a key I made just for you." Claude writes a small settings file with the server's name and the key. Type /mcp and it says connected. That's the setup for most apps. Some, like Gmail, you just sign in to instead. 5. The key is the important part. An MCP server can only use the tools on its menu, and only as far as its key allows. So make a key that can do the job and nothing more. If the app lets you limit a key, make it read only when reading is all you need. If it doesn't, use a test account. And if a key ever leaks, cancel it inside the app. One click, and nobody can use it, the AI included. One honest line: MCP doesn't make the AI smarter. It gives a smart thing a way to act, and everything it does through that plug, it does as you. So you still check the work, like you would a new hire's. If you're starting from scratch, I have step-by-step lessons for all of this inside my community. There are eight courses, in order, from the basics of AI to automations, building websites and apps, and AI agents. If you're interested, the link is in my profile. #mcp #cli ##aiagents #aiautomation #claudecode

Professor Glitch

18,500 Aufrufe • vor 26 Tagen

How to put an AI agent to work this week: AI agents explained for beginners, n8n vs Claude Code How to put an AI agent to work this week, drawn start to finish: what an AI agent is, what it's made of, and which tool to build it in. AI agent vs chatbot vs automation: - An automation is a sprinkler on a timer. Six in the morning, every day, same water, even when it's raining. That's a workflow: same trigger, same steps. - A chatbot is a smart friend on the phone. Great advice, but you're still the one under the sink holding the wrench. - An AI agent is the handyman you let into the house. You hand over the job and he does the work, in a loop: goal, plan, act, check, repeat, until the job is done or he needs you. The four pieces of every AI agent you'd trust with real work: 1. The brain: the AI model inside Claude, ChatGPT or Gemini. It reads, reasons and picks the next step. 2. Context: instructions (the job sheet), memory (notes from last time) and knowledge (your price list, services and documents). This is the piece people skip, and it's why their agent writes like a stranger. 3. Tools: the keys you hand over, like your email, calendar and files. Only the keys this job needs. 4. Guardrails: house rules. Anything that leaves the house (an email, a payment, a deletion) waits for your approval. Human in the loop. One real example, end to end. The goal, in one sentence: follow up on today's client call. The AI agent reads the call notes in Google Drive, checks Google Calendar for an open slot (your client notes say she likes mornings), drafts the follow-up email in Gmail with the price sheet linked, and updates your client sheet in Google Sheets. Then it stops, so you can read it and hit send. n8n vs Claude Code, the doorbell and the desk: - n8n is the doorbell: a visual workflow automation tool that connects your apps and waits for a trigger. A call note lands in a Google Drive folder and the follow-up gets drafted, day or night. For the step that needs judgment, the n8n AI Agent node holds the same four pieces and runs the same loop. - Claude Code is the desk: an AI agent that works next to you, on your computer, in your files. It reads CLAUDE.md (the job sheet), uses skills (your steps written down once) and reaches Gmail and your calendar through MCP (the keys). - Doorbell jobs go in n8n: something happens, same steps, every time. Desk jobs go to Claude Code: messy, different every time, or living in your files. They work together, too: n8n has a built-in MCP server, so Claude Code can build n8n workflows for you. How to put an AI agent to work this week: 1. Pick one job you do every week that starts the same way (follow-ups, quote requests, the Monday report). 2. Write the context: one page with the job, how you like it done, and three good examples. 3. Hand it one key, drafts only. It reads and drafts, and nothing sends. 4. Two weeks of yeses. It drafts, you send, and every fix goes into that one page. That's your first agent: one job, one page, one key, two weeks of yeses. The only part left is the setup: n8n, Claude Code, and the keys wired into your real tools. I teach all of it inside my community, course by course, in that order. If you're interested, the link is in my profile. #claudecode #aiagents #n8n #aiautomation

Professor Glitch

18,500 Aufrufe • vor 28 Tagen

How to build a complete app with AI (no code, the whole picture) How to build a complete app with AI when you don't know how to code: login, a database, photos, invoices, and a real link your customers open on their phone. We follow one client, Priya, through a client portal for a kitchen remodeler. She logs in and sees her project's stage, her photos and her invoice. Every step answers a real beginner question about how apps work. 1. Your workshop: VS Code with the Claude Code extension, an empty folder 2. Describe the app in plain English (plus three technical lines you can copy) 3. The front end, and why localhost means only you can see it 4. The database: the refresh test, and what tables are 5. Login: why your password is stored only as a hash, and what a session cookie does 6. The one rule every app needs: each customer sees only their own data, proven with a test 7. Move the database online: from a file on your laptop to a hosted Postgres database on Supabase, with secret keys in a private .env.local file 8. GitHub: put your code online in a private repository 9. Vercel: deploy, add environment variables, and get a live link (honest costs: Vercel Pro for a business, Supabase Pro) 10. Your own domain with DNS and HTTPS, then a security audit before real clients log in Works for any small business app: client portals, booking apps, customer dashboards, internal tools. AI app builder, vibe coding, no-code app, full stack app with Claude Code. I have an entire course on building apps with AI from zero in my community. If you're interested, the link is in my profile. #vibecoding#aiapp #claudecode#aiagent

Professor Glitch

106,000 Aufrufe • vor 4 Tagen

How to become the AI person on your team Most people use AI at work like a smarter search bar: paste something in, ask, copy the answer out. Soon that's as common as knowing email. The people getting noticed build with it. They connect AI to the tools their team already uses. Here's one real example, the weekly sales report that eats someone's Monday morning: The doors. Almost every work app (HubSpot, Jira, Google Sheets, Slack) has an API, a door other software can use. No code needed. n8n. Each door becomes a box on a canvas. A schedule trigger fires every Monday at 7, HubSpot pulls last week's deals, Jira counts open tickets, Sheets brings the target, and one AI step has Claude write the report. Context. Give Claude one page about your team: who reads the report, the quarterly target, and that your manager wants bad news first. Now it sounds like your team, not a stranger. Approval. The draft comes to you in Slack first. Tap approve and it posts to the team at 8. Claude Code. For questions that need judgment ("why did the Acme deal slip?"), plug the same tools into Claude Code. It checks HubSpot, Jira and Slack by itself and answers with sources. The rule to keep: if the steps never change, build it in n8n. If the work needs judgment, give it to Claude Code. It takes a few weekends: learn how APIs work, learn one tool all the way down, then connect your first chore. I teach all of it from zero inside my community, seven courses in order. If you're interested, the link is in my profile. #aiautomation #aiagent #n8n #claudecode

Professor Glitch

25,200 Aufrufe • vor 1 Monat

Why your AI gets dumber the longer you chat (context rot): the one Claude Code file, plus one habit, that fixes it How context rot works: 1. Everything in your chat sits in the AI's working memory, the context window: every message, every file it opened, every answer it gave. The model reads through all of it before every reply. 2. Anthropic, the company behind Claude, says the more tokens you pile into the context window, the worse the model gets at recalling any one thing in it. They call it an attention budget, and every new token spends a little of it. 3. When the window fills up, Claude Code compacts: it replaces the conversation with a summary. If a rule only lived in the chat, it can get lost in that summary. The fix is one file, CLAUDE.md, plus one habit. 4. CLAUDE.md is a plain text file in your project folder. Claude Code reads it at the start of every session, and after compaction it re-reads it from the file. Think of it as a sign bolted above the whiteboard: wipe the board all you want, the sign stays. 5. How to create a CLAUDE.md: open Claude Code in your project folder and type /init. It writes a first draft. Then add what it can't guess: who you are, who the client is, and your rules ("never change a headline without asking", "prices come from column D of the Google Sheet", "dates are day, month, year"). 6. Keep CLAUDE.md short. Anthropic's Claude Code guide says to aim for under 200 lines, because a bloated file gets ignored too. For every line, ask: would it make a mistake without this? If not, cut it. The other half of the fix is how you work: 7. One job, one session. Type /clear when you switch jobs: the board's wiped, and the sign (CLAUDE.md) is still up. 8. If you've corrected the AI twice on the same thing, skip round three in capitals. Clear it, put the rule in CLAUDE.md, and start again. This is context engineering for people who don't code: an AI assistant that remembers your business rules, your clients and your formats, for client work, reports, content, spreadsheets and proposals, whether you're a freelancer, an agency or a small business. #claudecode #aiagents #contextengineering #learnai

Professor Glitch

12,200 Aufrufe • vor 28 Tagen

I can't f*cking believe people still use Claude Code like a chat bot. the ones getting real work out of it gave it a folder, tools and a map of everything it knows. that map is graphify. you point it at a folder and it builds a knowledge graph of everything inside. code, docs, PDFs, images, even video. then your agent searches the graph instead of opening files one by one. 134k stars on GitHub. backed by Y Combinator. and most people still haven't tried it. what makes it different: -> the code part runs fully on your machine. nothing gets uploaded -> no vector database, no embeddings. it's a real graph your agent walks through -> every connection is labeled: read straight from the source, or figured out by graphify. you always know which -> you get 3 files: a clickable map you open in your browser, a report with the key ideas and surprising links, and the full graph your agent queries anytime on a public memory benchmark it found the right answer in its top 10 results about half the time. mem0 managed under 5%. and building the graph cost 0 model credits. here's the full setup around it: > create a folder called AGENT, open Claude Code inside it, and add a CLAUDE.md with one line: "save every decision, person and project to memory/" > run uv tool install graphifyy, then graphify install, then type /graphify . and the whole folder becomes a map Claude can search in seconds > run npm install -g @googleworkspace/cli, then gws auth setup and gws auth login. Claude can now read your Gmail, Calendar and Drive > run claude mcp add playwright npx @playwright/mcp@latest. it gets its own browser for sites, forms and data > run npm i -g jev-guard, then jev-guard key "...", then jev-guard install claude. Jev checks every action before it runs. rm -rf gets blocked, emails with hidden instructions get flagged, about 4 cents per 1,000 checks > type /schedule and say "every morning at 7:30, send me what came in, what you drafted and what needs my yes" one folder. 15 minutes. and Claude finally knows where everything is. all the repos: -> -> -> -> bookmark this and try graphify first. it's the piece everyone skips.

kiosa

31,514 Aufrufe • vor 18 Tagen

How to build an entire app with AI, the kind a developer charges $10,000 for You don't need to know how to code to build a real app. You need one idea first: every app has two halves. The restaurant: Front end = the dining room. Everything the customer sees and touches: the menu, the buttons, the booking form. In your app, that's the screens. Back end = the kitchen. The customer never walks in, but that's where the work happens: check the time slot is free, take the payment, save the booking, send the text. Database = the pantry. It stores every customer, every dog, every booking. Close the app, come back next week, and it's all still there. API = the waiter carrying orders between them. The screen asks, the back end answers. Most people only describe the dining room when they ask AI to build something. They get a beautiful app that forgets everything the second they hit refresh. The build, in Claude Code (a dog groomer's booking app): Plan: who it's for, the screens, what the kitchen does and what goes in the pantry, written to a plan file before any code. Front end: the booking page and owner dashboard, previewed in your browser. Point at what's off and it fixes it in seconds. Back end: a free Supabase project gives you two things, a web address for your database and a key. Keys go in one private file called .env: the key drawer in your back office. Then Claude Code connects the booking form and builds the tables. Log-in: email and Google, with Supabase handling the passwords. One rule, row level security: every customer only sees their own bookings. Test it by logging in as two different people. Getting paid: Stripe in test mode (play money). Copy the secret key into the drawer, ask for a $25 deposit with Stripe Checkout, test with 4242 4242 4242 4242. A webhook is Stripe calling your kitchen back to say "paid". The text reminder plugs in the same way with Twilio. Every outside service connects like this: account, key, drawer, sentence. Go live: push to GitHub, import into Vercel, paste the same keys into its settings, deploy. Buy your domain, add it in Vercel, copy two DNS lines into your domain company, and it's live on your own name with the padlock. Before real customers: point the webhook at the new address and swap test keys for live keys. After that, adding more is one sentence: Google Calendar sync, a loyalty card, review requests, or an automation that drops every new booking into your CRM. Your job becomes the owner who tests every button like a customer would. #buildwithai #claudecode #aiagent

Professor Glitch

255,900 Aufrufe • vor 1 Monat