Verstehen – und deine erste Webseite live bringen.
16. Juni 2026 · 26 Teilnehmer:innen
Wenn nicht: kein Stress. Die Klick-für-Klick-Anleitung führt dich in ~5 Minuten durch – ohne Terminal. Für Windows, Mac oder iPhone/iPad.
Auf der Anleitungs-Seite wählst du einfach dein Gerät – 🪟 / 🍎 / 📱 – und folgst den nummerierten Schritten.
⬇ Zur InstallationsanleitungAgent, 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.
Bevor es an Accounts und Deployment geht: vier winzige Aufgaben – je rund 2 Minuten, nur mit Claude Code. Danach hast du Tool, Agent, Skill und MCP einmal selbst erlebt.
Claude tut etwas auf deinem Rechner
Claude erledigt mehrere Schritte selbst
Claude nutzt ein gespeichertes Playbook
Claude greift auf ein anderes Tool zu
Dein Ziel: 4× ✅ – einmal jede Sache geschafft.
✅ Eine Datei entsteht.
✅ Ordner + 3 Dateien.
✅ Ein Skill antwortet. · sonst: Mini-Skill bauen
✅ Antwort aus dem Tool. · nur lesen
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.
Das Warm-up sitzt. Jetzt löst du eine echte, wiederkehrende Aufgabe aus deiner eigenen Abteilung – mit Claude.
Kein Spielbeispiel – etwas, das dir wirklich Arbeit abnimmt.
Du startest mit Beispieldaten – nichts kann schiefgehen.
An deiner Aufgabe lernst du alle drei Bausteine.
Im Dokument „Abteilungs-Aufgaben" deine Einheit suchen
→Die Beispieldatei aus „simulationsdaten" öffnen
→Start-Prompt kopieren, mit Claude umsetzen & verfeinern
→Dein Ergebnis kurz am Tisch teilen
Dein Ziel heute: diese drei Häkchen.
Heute nur lesen oder Entwürfe erstellen. Nichts senden, veröffentlichen oder überschreiben. Wer keinen Tool-Zugriff hat, nimmt einfach die Beispieldaten – das Ergebnis ist dasselbe.
Pre-Summit-Mailserie aus dem Kongress-Steckbrief
Nachbestell-Report aus der Bestands-CSV
Listing + Keyword-Recherche per Helfer-Agent
Antwortentwürfe + FAQ aus Beispiel-Tickets
… und für jede weitere Abteilung genau eine eigene Aufgabe.
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.
Schluss mit ZIP-Chaos: Wie wir Skills ab jetzt holen, prüfen und ändern.
Per Slack oder Chat – jeder entpackt seine eigene Kopie.
→Die Kopien auf den Rechnern merken davon nichts.
→Alte Kopien arbeiten mit alten Daten – und keiner sieht es dem Ergebnis an.
Verbindlich ist nur noch die Version auf GitHub (Org medumi) bzw. der org-geteilte Skill in Claude. Alles andere gilt als veraltet.
Nicht entpacken. Löschen – und den Absender freundlich auf die Quelle verweisen.
Link auf das Repo oder den org-geteilten Skill schicken – nie die Datei selbst.
Versionsstempel im Skill-Header mit GitHub vergleichen. Kein Stempel = alte Kopie.
Alle Firmen-Repos liegen in einer GitHub-Organisation. Es gibt zwei Sorten Skills – und für dich zwei gleichwertige Wege, an sie zu kommen.
Für alle Mitarbeiter und Freelancer mit Lesezugriff auf die Org. Holen & aktualisieren: direkt aus dem Repo (Claude macht das für dich) oder als org-geteilter Skill in Claude.
Liegen im Restricted-Repo. Bearbeiten darf nur ein kleiner Kreis. Nutzen: über GitHub-Lesezugriff – und in Kürze zusätzlich über die Claude-Anwendung auf dem Firmenserver. Beide Wege zeigen auf denselben Stand.
Jeder Skill trägt ab jetzt zwei Zeilen ganz oben – damit jede Kopie sofort verrät, wie alt sie ist und woraus sie liest.
--- name: kongressplanung VERSION: 2026-08-17 Datenquelle: <fileId der Planungs-Tabelle> ---
github.com/medumi – oder der org-geteilte Skill in Claude
→Claude holt/aktualisiert den Skill direkt aus dem Repo
→Stempel im Header mit dem Stand auf GitHub vergleichen
→Alle lokalen ZIPs & alten Kopien finden und löschen
Nie direkt auf main – jede Änderung startet auf einem Branch
→VERSION auf heute setzen, Datenquelle-ID mitpflegen
→Was, warum, Datenquelle geändert? Kurz & ehrlich beschreiben
→Zweites Augenpaar prüft Stempel & Quelle – dann merge
Die Lektion aus der „FALSCH!!!"-Tabelle: Wenn eine Datenquelle wechselt, muss die neue Datei-ID im Skill-Header landen und per PR gemerged werden. Eine Tabelle nur umzubenennen erreicht die Kopien da draußen nie.
Suche auf meinem Rechner (Downloads, Desktop, Dokumente) nach Skill-ZIPs und entpackten Skill-Kopien (Ordner mit SKILL.md). Liste alles auf mit Pfad und Datum. Lösche erst nach meiner Bestätigung – nichts anderes anfassen.
Nach diesem Workshop kommt die Ansage in Slack: Alle bisher per ZIP oder Chat verteilten Skills sind offiziell ungültig. Verbindlich ist ab dann nur noch GitHub bzw. die org-geteilte Version. Wer hier war, ist längst umgestiegen. 🚀