Verstehen – und deine erste Webseite live bringen.
16. Juni 2026 · 26 Teilnehmer:innen
Agent, Skill, MCP & Tools – nicht als Theorie, sondern an echten Beispielen.
Eine eigene Seite im Internet – gebaut, hochgeladen und online gestellt mit Claude.
Echte Einträge landen sichtbar bei dir – das Mini-Modell jedes Funnels.
Die 4 Grundbegriffe verstehen
GitHub & Cloudflare anlegen
Webseite mit Claude erstellen
Erstes Deployment, Live-URL
Einträge live empfangen
Merksatz: Tools sind der Unterschied zwischen „über Arbeit reden“ und „Arbeit erledigen“.
Claude Code ist dein neuer digitaler Kollege. Vier Bausteine beschreiben, womit er arbeitet:
die Hände – Dateien, Befehle, Suche
der Kollege selbst, der eigenständig arbeitet
die Firmen-Handbücher, die er gelesen hat
die Zugänge zu unseren anderen Tools
Ein Chatbot kann nur reden. Claude Code hat Werkzeuge und tut Dinge: Dateien lesen & schreiben, Befehle ausführen, im Web suchen, Webseiten testen. Du wählst sie nicht selbst – du sagst das Ziel, Claude greift zum richtigen Werkzeug.
Dateien anlegen und ändern
z. B. Code hochladen, deployen
im Projekt das Richtige finden
recherchieren & nachschlagen
Seite im Browser testen
bei heiklen Aktionen erst fragen
Ein Agent ist Claude, der ein Ziel bekommt und selbstständig in einer Schleife arbeitet, bis die Aufgabe erledigt ist. Für Großes holt er sich Helfer (Sub-Agents), die parallel arbeiten und berichten.
Was ist der nächste sinnvolle Schritt?
Datei schreiben, Befehl ausführen …
Hat es geklappt? Was fehlt noch?
… bis das Ziel erreicht ist
Helfer-Agenten: Explore (durchsuchen) · Plan (planen) · deep-research (recherchieren)
Ein Skill ist eine gespeicherte Arbeitsanleitung mit Vorlagen und Regeln. Claude lädt sie automatisch, wenn die Situation passt. So wird unser Firmenwissen für alle abrufbar – du musst nicht wissen, wie ein Kongress aufgebaut ist, der Skill weiß es.
Kongress-Mails, Landingpages & Konzepte im Medumio-Stil
Wissensplattformen nach dem Vivito-Muster (Astro + MDX)
kennt unsere Organisation – wer ist für was zuständig
MCP (Model Context Protocol) ist ein einheitlicher Standard, um Claude an externe Programme anzuschließen – wie ein USB-C-Anschluss für KI. Einmal verbunden, kann Claude darin lesen und handeln. Wichtig: nur Tools verbinden, denen du den Zugriff gibst.
holt die Slack-Nachrichten herein
→liefert Stil & Aufbau der Kongress-Mail
→verknüpft beides & schreibt die Mail
→legen den Entwurf am Ende ab
Ein Satz – vier Bausteine im Einsatz. Genau das ist Claude Code.
Eigene Webseite · erstes Deployment · funktionierendes Lead-Formular.
Ganze Sätze, sag das Ziel.
Fehlermeldung einfach reinkopieren.
Dein eigenes Spielprojekt.
Zwei kostenlose Accounts sind dein Fundament: GitHub lagert deinen Code, Cloudflare stellt die Seite ins Netz.
Hi! Ich mache gerade einen Workshop und baue gleich meine erste Webseite. Erklär mir in 2 Sätzen, was du als Nächstes für mich tun kannst.
Gib Claude einen Zugangsschlüssel zu GitHub (deinen ersten API-Token!) – dann beschreibst du ihm deine Wunsch-Webseite.
Bau mir eine moderne einseitige Landingpage als einzelne index.html (CSS eingebettet, kein Build). Thema: <DEIN THEMA>. Mit Lead-Formular (Vorname + E-Mail), das später an /api/lead sendet. Leg alles im Ordner "meine-webseite" an.
Der Höhepunkt: Claude lädt deinen Code zu GitHub, du verbindest Cloudflare damit – und bekommst deine eigene Live-URL.
Mach aus "meine-webseite" ein Git-Repo und lade es als neues öffentliches Repository "meine-webseite" zu meinem GitHub hoch.
Hol dir auf webhook.site einen Live-Briefkasten, lass Claude die Funktion bauen und hinterlege die URL als Secret in Cloudflare.
Bau eine Cloudflare Pages Function unter functions/api/lead.js, die POST (JSON name+email) annimmt und Erfolg zurückgibt. Wenn LEAD_WEBHOOK_URL gesetzt ist, leite den Lead dorthin weiter. Dann committen & pushen.
Genau dieses Prinzip – Seite → Formular → Lead landet im System – steckt hinter jedem Medumio-Funnel. Im Großen übernehmen das Skills wie kongress-pipeline und content-hub-pipeline. Du hast es jetzt selbst einmal gebaut.