Nur für dich als Moderator. Timing, Ansagen, Stolperfallen, Notfallpläne. Gesamtdauer: ~3,5 Std. inkl. Pausen. Lässt sich auf 2,5 Std. straffen (siehe „Kurzversion“).
Unbedingt vorab auf allen Rechnern:
claude startet)git --version funktioniert)gh installiert (gh --version) – Claude nutzt es zum HochladenOrganisatorisch:
F11 (Navigation: Pfeiltasten/Leertaste/Scrollen). Foliennummern unten in diesem Drehbuch passen 1:1 zu den HTML-Folien.02_Teilnehmer_Lab-Guide.md + 03_Cheat-Sheet.md (ausgedruckt oder als PDF)referenz-projekt/) auf deinem Rechner als Demo/FallbackVorab selbst einmal komplett durchspielen! Mach den ganzen Lab-Guide einmal mit einem frischen Test-Account durch. Du fühlst dann jede Stolperfalle und kennst die exakten UI-Klickwege (die sich bei GitHub/Cloudflare gelegentlich leicht ändern).
Ziel: Neugier wecken, Angst nehmen.
Ansage (sinngemäß):
„Heute lernt ihr keinen Programmierkurs. Ihr lernt, mit einem neuen digitalen Kollegen zu arbeiten. Am Ende des Tages hat jede:r von euch eine echte Webseite im Internet – mit Lead-Formular. Versprochen.“
.pages.dev-URL) + trag einen Lead ein,
zeig wie er auf webhook.site aufpoppt. Das ist der Köder. „Das baut ihr heute selbst.“💡 Tipp: Halte den Konzeptteil kurz und konkret. Die Leute lernen die Begriffe später beim Tun wirklich. Die Folien sind Anker, kein Vortrag.
Nutze die Kollegen-Metapher als roten Faden (Hände / der Kollege / Handbücher / Zugänge).
| Begriff | Zeit | Kernbotschaft | Live-Demo (optional, stark!) |
|---|---|---|---|
| Tools | 5 Min | „Claude handelt, nicht nur reden.“ | Lass Claude live eine Datei anlegen |
| Agent | 8 Min | „Claude bringt eine Aufgabe eigenständig zu Ende, holt sich Helfer.“ | „Bau mir eine To-do-Seite“ live tippen |
| Skill | 8 Min | „Gespeichertes Firmen-Playbook, automatisch zur Hand.“ | /kongress-pipeline zeigen |
| MCP | 7 Min | „Adapter zu unseren anderen Tools (Slack, Shopify …).“ | Eine verbundene MCP-Aktion zeigen |
| Zusammenspiel | 2 Min | Das Slack→Mail-Beispiel von Folie 12 | — |
Stolperfalle: Nicht in Technik-Details abrutschen (keine Erklärung von Protokollen/JSON). Bei Detailfragen: „Super Frage – das schauen wir uns beim Bauen an / hängen wir hinten dran.“
Interaktion: Frag in die Runde: „Wo in eurem Job wäre so ein Kollege nützlich?“ 2–3 Antworten einsammeln, an die Konzepte andocken (CRM → MCP, Kongresstexte → Skill, …).
Vor der Pause: alle sollen GitHub- und Cloudflare-Accounts schon anlegen (Phase 1 & 2). So nutzt ihr die Pause für die langweiligen Bestätigungsmails und verliert keine gemeinsame Zeit.
Ansage: „In der Pause Aufgabe: legt schon mal die zwei Accounts an – Anleitung Phase 1 und 2. Wer fertig ist, holt sich einen Kaffee.“
Gemeinsam, im Gleichschritt. Du machst jeden Schritt am Beamer vor, dann machen alle nach.
| Schritt | Du am Beamer | Achtung |
|---|---|---|
| Phase 0 | Claude starten, „Hallo“-Prompt | Falls claude nicht startet → Helfer:in |
| Phase 3 | GitHub-Token erstellen (Scopes repo+workflow!) |
#1 Fehler: Token nicht kopiert → muss neu erstellt werden |
| Phase 3b | gh auth login via Claude |
Benutzername bereithalten |
| Phase 4 | Webseite-Prompt absetzen, Vorschau zeigen | Alle dürfen eigenes Thema wählen → Identifikation! |
Ansage zum Token: „Der Token wird nur einmal angezeigt. Sofort kopieren. Wenn weg: einfach neuen erstellen, ist kein Drama.“
Tempo-Management: Es wird auseinanderlaufen. Setze einen Sync-Punkt: „In 10 Minuten haben alle ihre Seite in der Vorschau. Wer fertig ist, hilft Nachbar:in.“ Helfer:innen schwärmen aus.
Der Höhepunkt – das erste Deployment. Hier MUSS jede:r ankommen.
/, Build command leer,
Framework None. Falsch gesetzt = leere Seite..pages.dev-URLs live gehen → in den Chat posten
lassen, gemeinsam anschauen, applaudieren. Diese Energie ist der Workshop.Stolperfalle: GitHub-Autorisierung in Cloudflare. Manche müssen Cloudflare explizit Zugriff auf das Repo geben („Only select repositories“ → Repo auswählen, oder „All repositories“).
Stolperfalle: Wenn der Lead nicht auf webhook.site ankommt, aber die Dankesmeldung erscheint: fast immer fehlt das Retry/Re-Deploy nach dem Secret-Setzen, oder die URL hat einen Tippfehler.
💡 Bis hierhin = das gemeinsame Warm-up. Es liefert das garantierte Erfolgserlebnis und die Mechanik. Der Relevanz-Teil für den eigenen Job kommt jetzt im Abteilungs-Track.
06_Abteilungs-Aufgaben.mdDas ist die Antwort auf „Wozu brauche ICH das?". Jede:r nimmt jetzt die Zielaufgabe der eigenen Funktionseinheit und löst sie mit Claude – an echten Tools/Abläufen, mit Beispieldaten.
Ablauf:
06_Abteilungs-Aufgaben.md.
Größere Teams arbeiten zu zweit an derselben Aufgabe. (26 Personen ↔ 22 Einheiten passt gut.)simulationsdaten/ ist der Startpunkt
(Steckbrief/Tickets/CSV). Wer MCP-Zugriff hat, darf lesend/als Entwurf auch echte Tools nutzen.Lernziel pro Person (drei Häkchen): einen eigenen Mini-Skill gebaut · einen Agenten eine mehrstufige Aufgabe lösen lassen · mindestens einmal MCP genutzt (lesen oder Entwurf).
🔐 Sicherheits-Ansage laut vorlesen: „Heute nur lesen oder Entwürfe. Nichts senden, nichts veröffentlichen, nichts überschreiben. Im Zweifel die Beispieldaten nehmen.“
Stolperfallen:
Zeit knapp? Block D kann auch der einzige Hands-on-Teil sein (Warm-up dann nur als kurze Live-Demo durch dich). Umgekehrt ist Block D streichbar, wenn nur die Mechanik im Fokus steht.
kongress-pipeline, content-hub-pipeline).| Problem | Sofortlösung |
|---|---|
| WLAN bricht zusammen | Konzeptteil vorziehen/dehnen, bis Netz wieder da; Hotspot als Backup |
| Einzelne hängen ewig in Phase 3/5 | Helfer:in setzt sich daneben; Gruppe nicht aufhalten, Sync-Punkte nutzen |
| Cloudflare-UI sieht anders aus | „Frag Claude: ‚Wo finde ich in Cloudflare Pages X?‘“ – funktioniert erstaunlich gut |
| Jemand kommt gar nicht mit | Pair-Bauen: zu zweit an einem Rechner, Erfolgserlebnis trotzdem |
| Zeit läuft davon | Lead-Formular (Block C) ist der kürzbare Teil; Hauptziel = Seite ist live |
| Deine Demo crasht | Referenzprojekt (referenz-projekt/) liegt bereit – zeig das stattdessen |